easyUI中datagrid 将 text 设为不可编辑,该怎么处理

 我来答
窗外听雨人
2015-12-02 · TA获得超过239个赞
知道小有建树答主
回答量:135
采纳率:0%
帮助的人:104万
展开全部

1、

var vareditor=$('#datagridId').datagrid('getEditor', { index:rowIndex, field:'fieldName' );


vareditor.target.prop('readonly', true);

2、扩展datagrid字段的editor

$.extend($.fn.datagrid.defaults.editors, {

    textReadonly: {

        init: function (container, options) {

            var input = $('<input type="text" readonly="readonly" class="datagrid-editable-input">').appendTo(container);

            return input;

        },

        getValue: function (target) {

            return $(target).val();

        },

        setValue: function (target, value) {

            $(target).val(value);

        },

        resize: function (target, width) {

            var input = $(target);

            if ($.boxModel == true) {

                input.width(width - (input.outerWidth() - input.width()));

            } else {

                input.width(width);

            }

        }

    }

});

然后字段的editor:'textReadonly'

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式