jquery 删除json list中的数据
2016-05-11 10:55
447 查看
查找并添加按钮查询出来的群组,判断表格中是否含有,如果含有则添加到表格中,如果存在则提示不添加
操作方法:
understore模板:
最后按照表格顺序添加数据到redis
// 发起一个ajax请求,访问服务器 $.ajax({ "url":url, "type":"POST", "data":{ "id" : id, "adminUser" : adminUser }, "success":function(data) { topGroupList = $.fetchReturnValue(data); var topGroupListBody = $("#topGroupList", navTab.getCurrentPanel()); if (topGroupList != null && topGroupList.length > 0) { //表格中已有的元素 var groupIds = []; $("#topGroupList").find("tr").each(function(index, domItem){ var gid = parseInt($(domItem).find("td").eq(0).text()); groupIds.push(gid); }); //遍历查询到的元素,因为删除了元素,length变小 var length = topGroupList.length; for(var i = 0 ; i<length ; ){ var id = topGroupList[i].id; //如果查询到的元素已经存在于表格当中,那么从list中删除 if(jQuery.inArray(id, groupIds) > -1){ //存在表格了,返回位置索引,如果不存在返回-1 topGroupList.splice(i,1); //删除一个元素(删除位置,删除数量) length -=1; //长度-1 i = 0; $("#success" , navTab.getCurrentPanel()).html("已经存在于表格了..."); }else{ i++; } } //讲剩余的元素添加到表格当中 var html = _.template($('#topGroupListTemplate', navTab.getCurrentPanel()).html(), topGroupList); topGroupListBody.append(html); }else{ $("#success" , navTab.getCurrentPanel()).html("没有找到符合条件的群组.."); } }, "erro":function() { alertMsg.error('查询符合条件的群组失败..'); } });
操作方法:
//上移 function moveUp(obj){ var $tr = $(obj).parents("tr"); if ($tr.index() != 0) { $tr.prev().before($tr); } } //下移 function moveDown(obj){ var trLength = $(obj).parent().parent().siblings().length + 1; var $tr = $(obj).parents("tr"); if ($tr.index() != trLength - 1) { $tr.next().after($tr); } }
/**把这一行记录删除**/ function removeSelf(obj){ $(obj).parent().parent().remove(); }
understore模板:
<script id="topGroupListTemplate" type="text/template"> <%_.each(topGroupList, function(group,index) {%> <tr> <td align="center"><%=group.id %></td> <td align="center"><img src="<%=group.fullPicture %>" width="50px" height="50px" /></td> <td align="center"><%=group.name %></td> <td align="center"><%=group.description %></td> <td align="center"><%=group.adminUser %></td> <td align="center"><%=group.maxMemCount %></td> <td align="center"><%=group.curMemCount %></td> <td align="center"><%=group.timetag %></td> <td align="center"> <%switch(group.status){ case 1:%> 正常 <%break; case -1:%> 解散 <%break; default:%> <%}%> </td> <td align="center"> <input type="button" onclick="moveUp(this)" value="上移"/> | <input type="button" onclick="moveDown(this)" value="下移"/> | <input type="button" onclick="removeSelf(this)" value="删除"/> </td> </tr> <%});%> </script>
最后按照表格顺序添加数据到redis
相关文章推荐
- jquery、javascript 遍历ajax返回的 List集合
- 页面当含有多条数据时,跳转到第二页时,无法选择第二页数据记录解决
- jquery md5 加密
- jQuery之点击弹出图标环形菜单
- 【jQuery】serializeArray()与serialize()的区别
- 160510、jQuery给input绑定回车事件
- jquery------脚注的使用
- jquery 常用插件地址
- jquery------.cycle的使用
- jQuery学习和知识点总结归纳
- IOS端 微信 safari chrome 的jQuery on delegate 事件无效
- 自定义复选框、单选按钮外观方法。支持IE、Firefox、chrome
- jquery attr与prop 的区别
- jQuery的框架介绍
- jQuery链式调用与show知识浅析
- jquery+php实现赞,踩功能
- JQuery DOM 事件冒泡
- jQuery中each的用法之退出循环和结束本次循环
- jQuery全屏动画焦点图
- jQuery链式调用与show知识浅析