Extend ComboGrid Editors for DataGrid Of JQuery EasyUI-白红宇

Extend ComboGrid Editors for DataGrid Of JQuery EasyUI

阅读量：6516 次

发布时间：2019-06-24

本文共 1867 字，大约阅读时间需要 6 分钟。

在JQueryEasyUI中为DataGrid自定义了一个ComboGrid编辑器。具体方法：自己写一个扩展$.extend($.fn.datagrid.defaults.editors, {    combogrid: {        init: function (container, options) {            var input = $('').appendTo(container);            input.combogrid(options);            return input;        },        destroy: function (target) {            $(target).combogrid('destroy');        },        getValue: function (target) {            return $(target).combogrid('getValue');        },        setValue: function (target, value) {            $(target).combogrid('setValue', value);        },        resize: function (target, width) {            $(target).combogrid('resize', width);        }    }});定义DataGrid
     
                                             ',                    columns:[[                        { field: 'Code', title: '物料代码', width: 80 },                         { field: 'Material', title: '材质', width: 80, align: 'center'},                        { field: 'Diameter', title: '直径', width: 60, align: 'center' }                    ]],                     onSelect:function(rowIndex, rowData) {                        $('#tt1').datagrid('updateRow', {                             index: _lastIndex, row: {                            Material: rowData.Material,                             Diameter: rowData.Diameter } })                    }                }            }">                原材料代码                                                材质                                                直径(mm)                                                长度(mm)                                                根数(PCS)                                                重量(T)                                                炉号                                                备注                           
          
     
最后别忘了那个Formatterfunction itemFormatter(value, row) {    ... ...}