利用自定义属性data-xx并jquery调用,直接获取单条数据详细
2014-05-29 14:38
477 查看
// data-cook的值可以看出,这是一个json对象,对象的属性值是用struts标签赋值的,这样写可以不用去服务器在访问一次,获得数据,直接从列表中获取 // jsp中的代码 <a data-cook="{'id':'<s:property value="#cf.id"/>','name':'<s:property value="#cf.name"/>','type':'<s:property value="#cf.type"/>','canci':'<s:property value="#cf.canci"/>','food':'<s:property value="#cf.food"/>','foodType':'<s:property value="#cf.foodType"/>','tangniaobing':'<s:property value="#cf.tangniaobing"/>','gaoxueya':'<s:property value="#cf.gaoxueya"/>','':'<s:property value="#cookedFood.id"/>'}" >修改</a> <a data-ref="{'id':'<s:property value="#cf.id"/>'}">删除</a> // js中调用的代码 // 修改 $("a[class!='icon_add'][data-cook]").click(function() {// 不包含class属性为icon_add,但包含data-cook属性 // 用eval转化json对象 var id = eval("(" + $(this).data('cook') + ")").id; var name = eval("(" + $(this).data('cook') + ")").name; var type = eval("(" + $(this).data('cook') + ")").type; var canci = eval("(" + $(this).data('cook') + ")").canci; var food = eval("(" + $(this).data('cook') + ")").food; var foodType = eval("(" + $(this).data('cook') + ")").foodType; var tnb = eval("(" + $(this).data('cook') + ")").tangniaobing; var gxy = eval("(" + $(this).data('cook') + ")").gaoxueya; _commonCook(id,name,type,canci,food,foodType,tnb,gxy); }); // 删除 $("a[class!='icon_add'][data-ref]").click(function() { var id = eval("(" + $(this).data('ref') + ")").id; window.location.href="cookedFood_delete.do?cookedFood.id=" + id; });
加QQ群226728216
相关文章推荐
- jQuery点击元素获取自定义属性的值,利用冒泡原理~
- 使用jQuery获取data-的自定义属性
- 使用jQuery获取data-的自定义属性
- jQuery 数据 - jQuery.data() 方法和HTML 5 的自定义 data-* 属性
- 当自定义数据属性为json格式字符串时jQuery的data api问题探讨
- 关于jquery中data添加获取Element自定义属性
- 当自定义数据属性为json格式字符串时jQuery的data api问题探讨
- ASP.Net访问母版页(MasterPage)控件、属性、方法及母版页中调用内容页,获取用户自定义控件里面的子控件的方法
- Gridview利用DataFormatString属性设置数据格式
- Silverlight调用自定义的Web Service从数据库获取数据进行页面绑定
- ASP.Net访问母版页(MasterPage)控件、属性、方法及母版页中调用内容页,获取用户自定义控件里面的子控件的方法
- Gridview利用DataFormatString属性设置数据格式
- Gridview利用DataFormatString属性设置数据格式
- Gridview利用DataFormatString属性设置数据格式
- 不直接使用NSData的dataWithContentsOfURL来获取网络数据
- 利用jquery右键菜单巧妙获取table的每行数据的id执行方法
- jquery之利用ajax与服务器交谈(发起GET和POST请求之利用jquery获取数据)
- ASP.NET 2.0中Gridview利用DataFormatString属性设置数据格式
- Moss2007 jQuery调用Webservice获取列表数据 更新数据
- Gridview利用DataFormatString属性设置数据格式