首頁(yè) 猿問有不明白的地方,請(qǐng)教以下，謝謝！

有不明白的地方,請(qǐng)教以下，謝謝！

JQuery

樸實(shí) 2016-10-10 20:47:18

$(function(){ ? ?//easyui 提供了一個(gè)datagrid 控件 ?去完成table初始化 ?//參數(shù)是object類型 ?$('#mytable').datagrid({ ?title:'用戶信息', ?onDblClickRow:function(index,row){ ?var url ='<%=path%>/edit.jsp?'; ?var count = 0; ??for(var i in row){ ?if(count!=0){? url+="&"; ? ?//請(qǐng)教一下這個(gè)什么意思了?url+="&";? ?} ? ?url+=i+"="+row[i]; ?//請(qǐng)教一下這個(gè)什么意思了 ?count++; ?} ? ?//本地位置 ? ?location.href=url; ? ?//history ? ? go ? ? forword ? ?back ? ?//document getElementById ? getElementsByTagName? ?}, ?url:'<%=path%>/userlist.action',//獲取數(shù)據(jù)的地址json格式的數(shù)據(jù) ?{total:10,rows:[{},{},{},{}]} ?columns:[[ ? ? ? ? ? ? ? ?{field:'uid',title:'編號(hào)'}, ? ? ? ? ? ? ? ?{field:'uname',title:'姓名'}, ? ? ? ? ? ? ? ?{field:'upwd',title:'密碼'}, ? ? ? ? ? ?{field:'usex',title:'性別'}, ? ? ? ? ? ?{field:'uage',title:'年齡'}, ? ? ? ? ? ?{field:'umoney',title:'余額'} ? ]], ? pagination:true, ? pageList:[5,10,20], ? loadMsg:'玩命加載中...', ? toolbar: [{ iconCls: 'icon-add', text:'添加', handler: function(){alert('編輯按鈕')} },{ iconCls: 'icon-cut', text:'刪除', handler: function(){ //獲取選中的行對(duì)象 ?返回的是對(duì)象數(shù)組 var rows = $('#mytable').datagrid('getSelections'); if(rows.length==0){ alert('請(qǐng)選中需要?jiǎng)h除的行！'); return; } var url = "<%=path%>/del.action?"; for(var i in rows){ var row = rows[i]; if(i!=0){ url+="&"; } url+="ids="+row.uid; } alert(url); $.get(url,function(success){ success = Number(success); if(success==0){ alert("刪除成功！"); $('#mytable').datagrid('reload'); }else{ alert("刪除失敗！"); } }); } },{ iconCls: 'icon-edit', text:'修改', handler: function(){alert('幫助按鈕')} }] ? ?? ?}); ?? });????? function search(){ ? ?var uname = $('#uname').val(); ?var usex = $('#usex').val(); ?var uage = $('#uage').val(); ? ?$('#mytable').datagrid('load',{ ?uname: uname, ?usex: usex, ?uage:uage ?});? }</script></head><body>? ??? 姓名(支持模糊查詢)：<input type="text" id="uname" ? />? 性別：<select id="usex">? ? <option>全部</option>? ? <option>男</option>? ? <option>女</option>? </select>? 年齡：<input type="text" id="uage" ? />??? <button id="btn" onclick="search()" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查詢</button> ???? <table id="mytable">? </table>??</body>

查看完整描述