easyui datagrid 自定义editor

最新推荐文章于 2022-10-12 11:23:05 发布

RabinRow

最新推荐文章于 2022-10-12 11:23:05 发布

阅读量373

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tgdjw/p/3939388.html

本文详细介绍了如何在数据网格中使用自定义编辑器来实现组合框功能，包括初始化、获取值、设置值和调整大小等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 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 }
                            ]]
                        }
                }
            }