给EasyUi的Form加入自己主动填充部分输入框的方法

Posted yutingliuyl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了给EasyUi的Form加入自己主动填充部分输入框的方法相关的知识,希望对你有一定的参考价值。

依据项目须要。基于获取的数据对Form的部分输入框进行填充,而默认的EasyUI的Form 没有该方法,仅仅能一个输入框一个输入框的直接赋值,为此添加了Form对象的setValues,实现依据给定的Id来填充的功能。代码例如以下:

$.extend($.fn.form.methods, {
    setValues: function (myself, data) {
        var form = $(myself);
        
        var opts = $.data(form[0], "form").options;
        
        var cols = "," + data.items + ",";
        for (var name in data.row) {
            if (cols.indexOf(name) >= 0) {
                var val = data.row[name];                
                form.find("[id=\"" + name + "\"]").textbox("setValue",val);
            }
        }
        
        opts.onLoadSuccess.call(form, data);
        form.form("validate");
    }
});
使用上述代码的示比例如以下:
function reply() {
    var row = $('#feedbackGrid').datagrid('getSelected');
    if (row) {
        $('#feedbackDlg').dialog('open').dialog('setTitle', '反馈回复');
        var obj = {};
        obj.row = row;
        obj.items = "nickName,userId";

        $('#fm').form('setValues', obj);
        url = 'feedback/reply';
    }
}
如上所述,传入setValues方法的參数分成两个元素。一个是row,其包括实际的数据对象。还有一个是items,其包括须要填充的html对象的id,多个id之间用半角逗号隔开。


以上是关于给EasyUi的Form加入自己主动填充部分输入框的方法的主要内容,如果未能解决你的问题,请参考以下文章

利用easyUI的combobox打造自己主动提示组件

解决浏览器自动填充form表单账号和密码输入框的问题

jQuery easyui终有一个datagrid用来生成一个表格,怎样在里面加入输入框啊<input>,

easyui datagrid 动态加入移除editor

iOS UITextView 高度随文字自己主动添加,并尾随键盘移动

如何设置jquery easyui中下拉框不可编辑