easyui datatrid如何给编辑过的数据行标记下

  easyui DataGrid,如果数据行编辑过或者进入过编辑模式,当切换到显示模式,非编辑模式下,如何高亮之前的数据行?效果如下

6个回答

示例居于jquery-easyui-1.4.4/demo/datagrid/rowediting.html进行修改,思路就是编辑的时候获取任意一个编辑器对象,通过此dom对象获取所在数据行的tr,结束编辑的时候添加一个高亮样式即可。

 <style>.edited{background:#f00;color:#fff}</style>
<script type="text/javascript">
    var editIndex = undefined;
    var curTr;
    function endEditing() {
        if (editIndex == undefined) { return true }
        if ($('#dg').datagrid('validateRow', editIndex)) {
            var ed = $('#dg').datagrid('getEditor', { index: editIndex, field: 'productid' });
            var productname = $(ed.target).combobox('getText');
            $('#dg').datagrid('getRows')[editIndex]['productname'] = productname;
            $('#dg').datagrid('endEdit', editIndex);
            editIndex = undefined;
//添加高亮样式
            if (curTr) curTr.addClass('edited');
            curTr = null;
            return true;
        } else {
            return false;
        }
    }
    function onClickCell(index, field) {
        if (editIndex != index) {
            if (endEditing()) {
                $('#dg').datagrid('selectRow', index)
                        .datagrid('beginEdit', index);
                var ed = $('#dg').datagrid('getEditor', { index: index, field: field });
                if (ed) {
                    ($(ed.target).data('textbox') ? $(ed.target).textbox('textbox') : $(ed.target)).focus();
                    curTr = $(ed.target).closest('td[field]').parent();//记录住当前编辑器所在TR
                }
                editIndex = index;
            } else {
                $('#dg').datagrid('selectRow', editIndex);
            }
        }
    }
</script>

easyui这些需求很简单的,查看api datagrid 那集,你就会了

结束编辑不是需要相应的index行号吗?

$('#datagrid').datagrid('endEdit',endIndex);

然后使用这个行号改变一下该行的色调

$('#datagrid').datagrid({
rowStyler:function(index,row){
if (index = endIndex){
return 'background-color:pink;color:blue;font-weight:bold;';
}
}
});

 var row = $('#dg').datagrid('getSelected');
if (row){
alert("ID : "+row.itemid);
}

When configured, Gradle will run in incubating parallel mode.

This option should only be used with decoupled projects. More details, visit

http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects

org.gradle.parallel=true

var row = $('#dg').datagrid('getSelected');
if (row){
alert("ID : "+row.itemid);
}

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyui datatrid如何给编辑过的数据行高亮描红
easyui DataGrid,如果数据行编辑过或者进入过编辑模式,当切换到显示模式,非编辑模式下,如何高亮之前的数据行?效果如下图所示 n![图片说明](https://img-ask.csdn.net/upload/201802/11/1518333879_587689.png)n
如何编辑列标,行标
请问如何修改列标题,谢谢
EasyUi 给datagrid编辑行绑定事件及行中级联下拉框
nowrap : true, rownumbers : true, checkOnSelect:true, singleSelect:true, loadMsg : restip(&quot;comm.loadMsg&quot;), onLoadError : function() { alert(rest...
easyui datagrid 编辑行后如何保存
nnn1、怎么提交保存?n2、怎么在保存提交的时候判断combobox选中的不是“请选择”
easyui datagird编辑行删除行
function init(){ var editRow = undefined; var oldMoney = undefined; $("#dg").datagrid({ url:"../foreignexchange/fexLedgerManager.do?method=queryApplyData&amp;parentId="+parentId, ...
标记下关于保留小数的问题
double d=0.265; DecimalFormat decimalFormat = new DecimalFormat("#0.00");//**保留小数点后两位 String result= decimalFormat.format(d);
【EasyUI】获取所选中行的行标
//获取所选中行 var row = $("#dg").datagrid("getSelected"); //获取所选中行的下标 var index = $("#dg").datagrid("getRowIndex",row);
datatrid如何统计汇总
datatrid如何统计汇总
如何添加编辑标
如何添加编辑标签页
学习了Java读文件按行读取,标记下
import java.io.BufferedReader;rnimport java.io.File;rnimport java.io.FileReader;rnimport java.io.IOException;rnrnrnpublic class TestJava rn private static String[] open="05","07","09","21","23","24","06";rn public static void main(String[] args) rn String path = "E:\\fangaiwen\\colordouble.txt";rn try rn readFile(path);rn catch (IOException e) rn // TODO Auto-generated catch blockrn e.printStackTrace();rn rn rn rn /**rn * Java读取文件按行读取rn * @param fileName 文件路径rn * @throws IOExceptionrn */rn public static void readFile(String fileName) throws IOException rn File f = new File(fileName); rn FileReader file = new FileReader(f); rn BufferedReader br = new BufferedReader(file); rn while (br.ready()) rn String[] array = br.readLine().toString().split(","); //把读取的一行转为数组rn getColor(array);rn rn br.close(); rn file.close(); rn rn rn static void getColor(String[] buyRet)rn int redCount = 0;rn int blueCount = 0;rn for (int i = 0; i < buyRet.length-1; i++) rn String str = buyRet[i];rn for (int j = 0; j < open.length-1; j++) rn String openStr = open[j];rn if(str.equals(openStr))rn redCount++;rn continue;rn rn rn //当循环结束时查看哪些相等rn if(i==buyRet.length-2)rn blueCount = buyRet[6].equals(open[6]) ? 1:blueCount;rn if(redCount>0 || redCount>3)rn System.out.print("red="+redCount +" blue="+blueCount);rn for (int k = 0; k < buyRet.length; k++) rn System.out.print(" "+buyRet[k]+",");rn rn System.out.println();rn rn rn rn rn
如何显示行标
文本编辑器 如何显示行标rn像Notepad++一样 可以显示当前的行标.....rnrn对于大文本内容的读取 有什么好的建议没有rnrn谢谢大家rn
dataTables 编辑行数据
$('#locateManage').dataTable(rn "iDisplayStart" : Number($limit),rn "iDisplayLength" : Number($length),rn "bServerSide" : true, //是否启动服务器端数据导入rn "sAjaxSource" : "$root/service/locate/locateManage/locateManageList",rn // "aaSorting": $aaSorting,//倒序rn "fnServerData" : retrieveData, //自定义数据获取函数rn "aoColumns" : []rnrn能否根据id修改本行的数据,只修改页面上的数据,不修改数据库
easyui如何传递行数据到函数?
formatter: function (value, row, index) { //将row对象的数据转换为字符串,而且必须替换双引号为单引号,区分update事件里的双引号 var rowData=JSON.stringify(row).replace(/"/g,"\'"); var s= '保存'; }
easyui datagrid获取正在编辑的行索引
function getRowIndex(target){    var tr =  $(target).closest(tr.datagrid-row);    return parseInt(tr.attr(&quot;datagrid-row-index&quot;));               }然后直接在要编辑的行中加入getRowIndex(this)即可。如下field : 'shipType', ...
DBGrid如何显示行标?
DBGrid如何显示行标?rn 使用户知道有多少条记录,当前是第几条记录。rn 多谢!
线段树单标记下穿【模板】
#include&amp;lt;iostream&amp;gt; //原谅我又用了好多英文.. #define mid (l+r)/2using namespace std;const int maxn=1000000;long long sum[maxn],flag[maxn],size[maxn]; //sum为求和  flag为懒标记 size为区间长度 int n,m,x,y,z,...
datagrid如何实现数据行的删除、编辑
datagrid有几列数据,其中前两列为数据,后两列分别显示删除和编辑的超链接,点击超链接就可以对数据进行相关的操作rn该如何实现,望指教rn谢谢
ECLIPSE为何没有给代码标行?
ECLIPSE为何没有给代码标行?对于初学JAVA的我来说,每次都要去数是哪行出错了.ECLIPSE既然是现在非常流行的工具,应该不会不标代码的行号吧.是不是可以调出来啊.
easyui datagrid编辑行设置某个字段不可编辑
function exeBatchPickInfo(wmbpId){ $('#receiptInfo').datagrid({ fit: true, //全屏 title:'入库单', striped: true, //显示斑马线 pagination:false, singleSelect:true, fitColumns:true,//自动缩进 columns: [[
关于fragment复杂嵌套自己标记下
主页Activity 第一个页面 第二个页面 可以有1,2,3,4个Fragment 复杂嵌套 这个大神的多fragment复杂嵌套,处理了各种坑 https://github.com/YoKeyword/Fragmentat
如何获得gridcontrol控件填写数据行(编辑行)的值
RT rnrn控件的第一行是一行编辑行rnrn我想实现当填写完数据后,能把我在编辑行填写的值显示出来rnrn这一行的值好像不是靠索引找的,有人懂没,求大虾
请问如何给一个DataGrid添加自增行标
我做了一个查询分析器,动态添加DataGrid,但是都没有行标,请问高手如何添加
如何给表里的行数据分配ID
假如SQL表里有1万条数据,但是没有ID列,现在想给这个表加个字段(ID),ID也从1-10000好了,如何加进去?update好像也不行,因为没有where条件字段匹配啊
gridview中动态给编辑行绑定数据
现在有3个条件查询rn查询出结果后点编辑gridview显示为textbox编辑模式rn但是在编辑事件中写rn有个数据绑定,在这里只能写一个条件查询的绑定啊,如何写多个,rn比如按照条件1查询,就在编辑事件中按照条件1进入编辑状态.rn如果按照条件查询,就在编辑事件中按照条件2进入编辑状态rn等
jqgrid编辑行数据及保存行数据的取值
jqgrid官方API中说了,编辑行模式下,不建议使用 “getRowData” 的方法,事实上用 getRowData 的方法取值为空,或者取值为 html 代码。以下方法退而求其次,取内存中的数据,即编辑的数据,在html代码中,只是没有展现,直接通过 $(‘#’+rowid+”_indexRule”).val() 可以取值。 暂时不知道能适用多少浏览器。注意:设置单元格为编辑模式 co
如何记下访问者的IP
如何记下访问者的IP,以及他访问了哪些页面
EasyUI 编辑功能数据回写
EasyUI 小例子
easyui datagrid实现行内编辑一列数据
这篇文章主要想介绍一下easyui 的datagrid控件实现行内编辑的功能。 我着这里主要实现的大概功能就是:可以行内编辑人员类别的功能 一、实现的效果如下:             图1: 当我们点击【设置】的时候可以编辑人员类别,如图2 所示         图2: 从图2可以看出,我们可以人员类别下拉框中的选中我们希望设置的类别,然后保存到数据库 也可以点击取
easyui datagrid 获得编辑后的数据
方式一: $('#discountTable').datagrid('endEdit', indexId);//结束编辑 if ($('#discountTable').datagrid('getChanges').length) { //获得增加数据           var inserted = $('#discountTable').datagrid('getChanges'
测试代码行标
#include &amp;amp;amp;amp;lt;iostream&amp;amp;amp;amp;gt; using namespace std; int main() { int num;//全班人数 int i; cout&amp;amp;amp;amp;lt;&amp;amp;amp;amp;lt;&amp;amp;amp;quot;请输入班级人数:&amp;amp;amp;quot;&amp;amp;amp;amp;lt;&amp;am
DataGridView 行标头
怎样设置行标头的宽度?rn启用添加已设置,如何实现让程序自动增加一行时,同时显示行标号(前提为不确定行数,在表中输入一行时,自动增加了一行)
datagridview行标
想把dataset的第一列写在datagridview的行标里面,应该怎么操作
easyui datagrid显示选择行数据问题
今天使用easyui datagrid发现无论怎么选择行,getSelections得到的数据都不为选择的所有数据。 发现是由于设置了idField属性,所以如果idField没有载入,它会认为是同一条数据,所以发生上面情况。 idField属性删除后就行了。 ...
【项目实战】---EasyUI数据表格的行风格
前言: 通过实践,对于easyui的了解在进一步的加深,不管是多么小的效果都能
EasyUI指定列-合并相同数据行
EasyUI指定列-合并相同数据行
easyui datagrid获取选择行的数据
一:datagrid列表 //绚染列表 $('#tt').datagrid({ title:"系统管理员列表", iconCls:"icon-save",//图标 url:'xxxxx.action', width:"100%", height:"auto", nowrap: false,
easyui中datagrid获取行数据
 EasyUI中DataGrid控件获取Row数据有几种方式。var row = $('#dg').datagrid('getSelected'); // 获取选中单行var rows = $('#dg').datagrid('getSelections'); // 获取所有选中行上面两个根据DataGrid的data-option配置不同具体使用。主要是是否允许多选。一般来说都是授权多选的。...
Easyui点击表格操作按钮--获取行数据
为表格行添加操作按钮: 注意所传的index(索引) 点击查看信息获取行数据: 下面两句话就是选中行 $('#tableId').datagrid('selectRow',index);// 获取点击当前行的索引 var row=$("#tableId").datagrid("getSelected");//获取当前行数据 ...
智能天线行标
智能天线行标
DataGridView行标
请问怎样才能去除DataGridView的行标栏呢?rn
相关热词 c# stream 复制 android c# c#监测窗口句柄 c# md5 引用 c# 判断tabtip 自己写个浏览器程序c# c# 字符串变成整数数组 c#语言编程写出一个方法 c# 转盘抽奖 c#选中treeview