首页 > 代码库 > 给EasyUi的Form加入自己主动填充部分输入框的方法
给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加入自己主动填充部分输入框的方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。