读书人

dategrid 创造重写分页

发布时间: 2012-11-25 11:44:31 作者: rapoo

dategrid 创建,重写分页

$('#dg').datagrid({       url:'<%=request.getContextPath()%>/school/school_selectAllSchools.action',   // title:'学校管理',    //iconCls:'icon-edit',//图标     pagination:true,     //idField:'id',     frozenColumns:[[   //checkbox            {field:'ck',checkbox:true}           ]] }); //分页   var p = $('#dg').datagrid('getPager');       $(p).pagination({           pageSize: 10,//每页显示的记录条数,默认为10           pageList: [5,10,15],//可以设置每页记录条数的列表           beforePageText: '第',//页数文本框前显示的汉字           afterPageText: '页    共 {pages} 页',           displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'     }); });
?/**动态查询-传递参数给dategrid**/?function searchSchool(){??var name = $('#name').val();??var masters =$('#masters').val();???$('#dg').datagrid({????queryParams: {?????name: name,?????masters: masters????}???});???var p = $('#dg').datagrid('getPager');?? ????? $(p).pagination({?? ????????? pageSize: 10,//每页显示的记录条数,默认为10?? ????????? pageList: [5,10,15],//可以设置每页记录条数的列表?? ????????? beforePageText: '第',//页数文本框前显示的汉字?? ????????? afterPageText: '页??? 共 {pages} 页',?? ????????? displayMsg: '当前显示 {from} - {to} 条记录?? 共 {total} 条记录' ????? }); ?}
/**批量删除**/function removeSchool(){?var rows = $('#dg').datagrid("getSelections");?//获取你选择的所有行??/*?//获取表格选择行?alert(rows.length);?for(var i =0;i<rows.length;i++){??var ins = $('#dg').datagrid('getRowIndex',rows[i]);//获取某行的行号??alert(ins+'-'+rows[i].id);??$('#dg').datagrid('deleteRow',ins);?//通过行号移除该行?}?*/?if(!rows || rows.length == 0){??$.messager.alert('提示','请选择要删除的数据','info');??return;?}?var parm;?$.each(rows,function(i,n){??if(i == 0){???parm = 'ids=' +n.id;??}else{???parm +=',' +n.id;??}??alert(parm);?});?$.messager.confirm('提示','是否删除选中的数据?',function(r){??if(!r){???return;??}??//提交??$.post('<%=request.getContextPath()%>/school/school_deleteAllSchools.action',parm,function(msg){???if(msg.indexOf('success') != -1){????$.messager.alert('提示','批量删除成功','info',function(){?????//重新加载当前页?????$('#dg').datagrid('reload');????});???}else{????$.messager.alert('提示',msg.Message,'info');???}??});?});}
???<!-- 表格数据 -->???<table id="dg" style="width:auto;height:350px"??????toolbar="#toolbar" rownumbers="true" ??????fitColumns="true" singleSelect="false">?????<thead>??????<tr>???????<th field="name" width="150">学校名称</th>???????<th field="masters" width="150">校长</th>???????<th field="net" width="150">学校网址</th>???????<th field="address" width="300">学校地址</th>??????</tr>?????</thead>???</table>

?

读书人网 >Web前端

热点推荐