easyui 添加行编辑器editor-combogrid

最新推荐文章于 2025-02-28 15:37:25 发布

转载最新推荐文章于 2025-02-28 15:37:25 发布 · 293 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lightpro/p/10517398.html

文章标签：

#javascript #ViewUI

本文介绍如何在EasyUI的Datagrid组件中扩展Combogrid编辑器，通过自定义初始化、销毁、获取值、设置值及调整大小等方法，实现更灵活的数据网格编辑功能。

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

//放到easyui 对应的扩展datagrid 的js中 
$.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);
                }
            }
        });