第四部分ssh框架后第五章ajax的jquery使用

第五章ajax的jQuery框架使用（2）理论部分修改配置文件struts.xml文件引入JSON组件包到当前工程(拷贝到WEB-INF/lib目录中)编写业务接口和业务实现类。在action中编写相关的方法在工程的webroot目录下建立js文件夹，并引入拷贝以下js文件到此文件夹打开jsp文件引入

easyUI的页面代码如下//使用easyUI封装action响应的数据function

showAll(admin){ $('#list_data').datagrid({ title:'管理员列表', iconCls:'icon-edit',//图标

width:550, height:'auto', nowrap:false, striped:true, border:true, collapsible:false,//是否可折叠的

//fit:true,//自动大小

url:'adminmanager.do?op=findAll', //sortName:'code', //sortOrder:'desc', remoteSort:false, idField:'aid', singleSelect:false,//是否单选

easyUI的页面代码如下 pagination:true,//分页控件

rownumbers:true,//行号

frozenColumns:[[{ field:'ck', checkbox:true }]], columns:[[ {title:'编号',field:'aid',width:'50',rowspan:2,align:'center'}, {title:'姓名',field:'aname',width:'60',rowspan:2,align:'center'}, {title:'密码',field:'passwd',width:'50',rowspan:2,align:'center'}, {field:'action',title:'操作',width:70,align:'center',formatter:function(value,row,index){

if(row.editing){

vars='<ahref="#"onclick="saverow('+row.aid+')">Save</a>';

varc='<ahref="#"onclick="cancelrow('+row.aid+')">Cancel</a>';

returns+c;}else{ //alert(row.aid); //row代表选择的行对象easyUI的页面代码如下

vare='<ahref="#"onclick="editrow('+row.aid+')">修改</a>';

vard='<ahref="#"onclick="dodel('+row.aid+')">删除</a>';

returne+d;}}}

]],

toolbar:[{ text:'修改', iconCls:'icon-edit', handler:function(){ //openDialog("add_dialog","edit"); alert("修改"); } },'-',{ text:'删除', iconCls:'icon-remove',easyUI的页面代码如下 handler:function(){ //dodel(1); alert("删除"); } }]

}); //设置分页控件

varp=$('#list_data').datagrid('getPager');//自定义分页控件$(p).pagination({pageSize:5,//每页显示的记录条数，默认为10pageList:[5,10,15],//可以设置每页记录条数的列表

beforePageText:'第',//页数文本框前显示的汉字

afterPageText:'页

共{pages}页',displayMsg:'当前显示{from}-{to}条记录

共{total}条记录'