easyui datagrid editors扩展之combogrid_easyui datagrid 扩展单元格combodatagrid-优快云博客

定义：

 
$.extend($.fn.datagrid.defaults.editors, {
 
    combogrid: {
 
        init: function(container, options){
 
            var input = $('<input type="text" class="datagrid-editable-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);
 
        }
 
    }
 
});

用法：

 
$('#dg').datagrid({
 
    columns:[[
 
        {field:'productid',name:'ProductId',width:100,
 
            editor:{
 
                type:'combogrid',
 
                options:{
 
                    panelWidth:450,
 
                    idField:'code',
 
                    textField:'name',
 
                    url:'datagrid_data.json',
 
                    columns:[[
 
                        {field:'code',title:'Code',width:60},
 
                        {field:'name',title:'Name',width:100},
 
                        {field:'addr',title:'Address',width:120},
 
                        {field:'col4',title:'Col41',width:100}
 
                    ]]
 
                }
 
            }
 
        }
 
    ]]
 
});