概述
为了实现easyui datagrid行内编辑时的数据联动,找了很多方法,也找了不少人帮忙,最后总共用到了三种:
1:取得那一行的数据,设置值,结束行编辑,开始行编辑;
2:动态改变编辑器的类型,前后要结束行编辑,开始行编辑,结束行编辑,开始行编辑,效率最低;
3:使用combobox编辑器,或隐藏,或使能(disabled),或editable,还有hasDownArrow属性
onSelect : function(record) { // var row = jQuery('#tt').datagrid('getRows'); // row[lastIndex].provinceId = record.leafbaseName; // jQuery('#tt').datagrid('endEdit', lastIndex); // jQuery('#tt').datagrid('beginEdit', currentRowIndex); // jQuery('#tt').datagrid('endEdit', lastIndex); // changeProvince = true; // jQuery('#tt').datagrid('beginEdit', lastIndex); var ed = jQuery('#tt').datagrid('getEditor', { index : lastIndex, field : 'provinceId' }); // get the editor jQuery(ed.target).combobox('setValue', record.leafbaseName + "abc"); // jQuery('#tt').datagrid('endEdit', lastIndex); // changeProvince = false; // jQuery('#tt').datagrid('beginEdit', lastIndex); if (record.leafbaseName == '武汉') { jQuery(ed.target).combobox({ disabled : false }); } else { jQuery(ed.target).combobox({ disabled : true }); } alert(jQuery(ed.target).combobox('getValue')); }
, { field : 'provinceId', title : '省份', width : 120, // hidden : true, align : 'center', editor : { type : 'combobox', options : { // editable : false, // disabled : true, hasDownArrow : false } } },
onBeforeEdit : function(row) { // if (changeProvince) { // var provinceColumn = jQuery('#tt').datagrid( // 'getColumnOption', "provinceId"); // provinceColumn.editor = 'combobox'; // } else { // var provinceColumn = jQuery('#tt').datagrid( // 'getColumnOption', "provinceId"); // provinceColumn.editor = null; // } }
来不及整理,先把这些片段记录下来,上面将三种方法给混在一起了
最后
以上就是鳗鱼芒果为你收集整理的easyui datagrid行内编辑时的数据联动的全部内容,希望文章能够帮你解决easyui datagrid行内编辑时的数据联动所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复