jQuery easyui 扩展form插件的三个方法

$.extend($.fn.form.methods, {
serialize: function(jq){
var arrayValue = $(jq[0]).serializeArray();
var json = {};
$.each(arrayValue, function() {
var item = this;
if (json[item["name"]]) {
json[item["name"]] = json[item["name"]] + "," + item["value"];
} else {
json[item["name"]] = item["value"];
}
});
return json;
},
getValue:function(jq,name){
var jsonValue = $(jq[0]).form("serialize");
return jsonValue[name];
},
setValue:function(jq,name,value){
return jq.each(function () {
_b(this, _29);
var data = {};
data[name] = value;
$(this).form("load",data);
});
}
});

调用方法:

$(‘form‘).form(‘serialize‘);

$(‘form‘).form(‘getValue‘,‘a‘); //获取表单中name=a 的元素值

$(‘form‘).form(‘setValue‘,{‘name‘:‘a‘}); //赋值给表单中name=a 的元素值
时间: 2024-10-08 18:40:08

jQuery easyui 扩展form插件的三个方法的相关文章

IE浏览器中,JQuery EasyUI的form('load')方法只能加载一次的问题

项目中的页面用到了EasyUI,表单加载数据时,调用了form('load')方法.用Chrome.Firefox访问均没问题,可是用IE浏览器访问时,数据不论怎么修改,加载的都是第一次的数据.这疑似是一直在加载第一次的缓存.于是查资料发现,原来IE浏览器对Jquery EasyUI的支持不好,缓存了表单第一次加载的数据.以后每次加载时,都会从缓存中调用.于是在ajax方法中加入cache:false,取消缓存便解决了. 1 $.ajax({ 2 cache:false, //取消缓存 3 ur

雷林鹏分享:jQuery EasyUI 扩展

jQuery EasyUI 扩展 Portal(制作图表.列表.球形图等) 数据网格视图(DataGrid View) 可编辑的数据网格(Editable DataGrid) 可编辑的树(Editable Tree) 数据网格行过滤(DataGrid Filter Row) 数据网格行拖放(Drag and Drop Rows in DataGrid) 树形网格行拖放(Drag and Drop Rows in TreeGrid) 主题(Themes) DWR 加载器(DWR Loader) R

jquery 点击显示隐藏的三种方法

jquery点击显示隐藏的三种方法,从复杂到简单.使用jquery需要引用jquery库,如右所示<script src="jquery-1.11.3.min.js"type="text/javascript"></script>. 旁边按钮随着收缩展开发生状态变化,展开+变—,收缩—变+. 收缩效果: 展开效果: 一.HTML结构(盗用网上的) <body> <!-- 收缩展开效果 --><li class=&

MyEclipse安装插件的三种方法

Eclipse是开源项目,但很多插件需要手工集成,MyEclipse在Eclipse的基础上已经集成了很多可用插件,但很多时候MyEclipse同样需要再次安装插件,插件安装有三种方法,下面以SVN为例,详细阐述. Eclipse update siteURL: http://subclipse.tigris.org/update_1.8.x 下载地址: http://subclipse.tigris.org/files/documents/906/49151/site-1.8.4.zip 方法

MyEclipse安装插件的三种方法和使用心得

MyEclipse安装插件的三种方法和使用心得 本文讲解MyEclipse(MyEclipse10)的三种方法,以TestNG为例 Eclipse update site URL:  http://beust.com/eclipse. 一.通过MyEclipse Configuration Center在线安装 1. 打开MyEclipse10,在菜单栏选择MyEclipse→MyEclipse Configuration Center,即可进入到MyEclipse Configuration

[转]jQuery EasyUI 扩展-- 主题(Themes)

主题(Themes)允许您改变站点的外观和感观.使用主题可以节省设计的时间,让您腾出更多的时间进行开发.您也可以创建一个已有主题的子主题. 主题生成器(Theme Builder) jQuery UI 主题 许多扩展的主题是基于 jQuery UI 主题创建的,它们不是官方发布的. Sunny Pepper Grinder Cupertino Dark Hive Metro 主题 下面的扩展主题是基于 Metro 主题创建的. Metro Blue Metro Gray Metro Green

jQuery form插件----ajaxForm()和ajaxSubmit()方法的使用

我们在平常使用jQuery异步提交表单,一般是在submit()中,使用$.ajax进行.比如: $(function(){ $("#form1").submit(function(){ $.ajax({ url : url, data : $("#form1").serialize(), dataType : "json", success : function(data){ alert(data);} }); }); }); 这样的方式掩盖了

jquery easyui将form表单元素的值序列化成对象

function serializeObject(form){ var o={}; $.each(form.serializeArray(),function(index){ if(o[this['name'] ]){ o[this['name'] ] = o[this['name'] ] + "," + this['value']; }else{ o[this['name'] ]=this['value']; } }) return o; } 把easyui中的form表单中查询条件

jQuery EasyUI 表单插件 - Combobox 组合框

扩展自 $.fn.combo.defaults.通过 $.fn.combobox.defaults 重写默认的 defaults. 组合框(combobox)显示一个可编辑的文本框和下拉列表,用户可以从下拉列表中选择一个或多个值.用户可以直接输入文本到列表的顶部,或者从列表中选择一个或多个现成的值. 依赖 combo 用法 从带有预定义结构的 <select> 元素创建组合框(combobox). <select id="cc" class="easyui-