首页 > 代码库 > easyui datagrid 自定义editor
easyui datagrid 自定义editor
1 $.extend($.fn.datagrid.defaults.editors, { 2 mycombogrid: { 3 init: function (container, options) { 4 var input = $(‘<input type="text" class="datagrid-editable-input">‘).appendTo(container); 5 input.combogrid(options); 6 return input; 7 }, 8 getValue: function (target) { 9 return $(target).combogrid(‘getValue‘);10 },11 setValue: function (target, value) {12 $(target).combogrid(‘setValue‘, value);13 },14 resize: function (target, width) {15 $(target).combogrid(‘resize‘, width);16 }17 }18 });
{ field: ‘sku‘, title: ‘SKU‘, width: 80, editor: { type: ‘mycombogrid‘, options: { required: true, panelWidth: 410, mode: ‘remote‘, valueField: ‘sku‘, idField: ‘sku‘, textField: ‘sku‘, url: ‘/Product/listSearch‘, fit: true, required: true, columns: [[ { field: ‘sku‘, title: ‘sku‘, width: 100 }, { field: ‘name‘, title: ‘名称‘, width: 200 }, { field: ‘description‘, title: ‘描述‘, width: 100 } ]] } } }
easyui datagrid 自定义editor
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。