【Easy ui datagrid单元格绑定下拉框】

实现

---

{
                field: 'noStandard',
                title: '非标要求',
                align: 'center',
                width: 100,
                sortable: false,
                editor:{
                    type:'combobox',
                    options:{
                        editable: false,
                        panelHeight: 'auto',
                        valueField: 'id',
                        textField: 'name',
                        url: "${pageContext.request.contextPath}/system/dict/queryDict?typeId=9700623",
                        onSelect: function (row) {
     
                        }
                    }
                },
                formatter:function(value,row){
     
                    if(value != undefined)
                    return row.noStandard.name;
                }
            }

参照官方文档，将editor的类型改为combobox。

拓展

---

前一段时间有用过$.extend()的方法重写datagrid的单元格事件doCellTip，实现了鼠标移动到单元格显示详细信息的功能。
发现editor也可以重写默认类型。
以下引自官方文档：

通过 $.fn.datagrid.defaults.editors 重写默认的 defaults。例如，文本编辑器（text editor）定义如下：

$.extend($.fn.datagrid.defaults.editors, {
    text: {
        init: function(container, options){
     
            var input = $('').appendTo(container);
            return input;
        },
        destroy: function(target){
     
            $(target).remove();
        },
        getValue: function(target){
     
            return $(target).val();
        },
        setValue: function(target, value){
     
            $(target).val(value);
        },
        resize: function(target, width){
     
            $(target)._outerWidth(width);
        }
    }
});

更详细的了解，可以参照这个哥们的博客（点这里）。边用边学习，实践出真知。