给EasyUi的Form添加自动填充部分输入框的方法
2015-07-24 17:50
519 查看
根据项目需要,基于获取的数据对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之间用半角逗号隔开。
$.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之间用半角逗号隔开。
相关文章推荐
- 5个常见可用性错误和解决方案
- jQuery寻找n以内完全数的方法
- 推荐10个2014年最佳的jQuery视频插件
- C#实现windows form拷贝内容到剪贴板的方法
- extjs form textfield的隐藏方法
- form身份验证通过后,只能用FormsAuthentication.RedirectFromLoginPage
- 基于jquery中children()与find()的区别介绍
- 了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
- form.submit()不能提交表单的错误原因及解决方法
- Chrome Form多次提交表单问题的解决方法
- JQuery打造PHP的AJAX表单提交实例
- jquery easyui使用心得
- 初试jQuery EasyUI 使用介绍
- 浅谈jQuery构造函数分析
- 在VS2008中使用jQuery智能感应的方法
- jquery.form.js实现将form提交转为ajax方式提交的方法
- 从Ajax到JQuery Ajax学习
- jQuery仿gmail实现fixed布局的方法
- jQuery判断当前点击的是第几个li的代码
- jQuery判断一个元素是否可见的方法