当前位置: 代码迷 >> Web前端 >> dategrid 创造,重写分页
  详细解决方案

dategrid 创造,重写分页

热度:455   发布时间:2012-11-25 11:44:31.0
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>

?