当前位置: 代码迷 >> Web前端 >> Struts2跟easyUI-datagrid
  详细解决方案

Struts2跟easyUI-datagrid

热度:325   发布时间:2012-11-23 00:03:43.0
Struts2和easyUI-datagrid
datagrid效果:



版本:
struts2-core-2.1.6.jar
jsonplugin-0.33.jar
json-lib-2.1.jar
jquery-easyui-1.2.2

struts配置:
<package name="json" namespace="/json" extends="json-default">
        <action name="manageListAction" class="manageAction" method="list">  
            <result name="success" type="json">
            	<param name="root">jsonObj</param>
            	<param name="noCache">true</param>  
		        <param name="ignoreHierarchy">false</param>
            </result> 
        </action>
</package>


action代码:
public String list(){
		list=assessService.getAssessList();
		Map map = new HashMap();
		map.put("rows", list);
		jsonObj=JSONObject.fromObject(map);
		System.out.println(jsonObj);
		return SUCCESS;
	}


页面:
<table id="assess_table"></table>


js:
$(function(){
	//查询列表
	$('#assess_table').datagrid({
				url: 'json/manageListAction.action',
				title: '考核管理',
				fitColumns: true,
				rownumbers:true,
				idField:'assessId',
				columns:[[
					{field:'ck',checkbox:true,width:100},
					{field:'assessName',title:'考核名称',width:100,
					formatter:function(value,row,index){
							return "<a href='javascript:void(0)' onclick='editAssess("+row.assessId+")'>"+value+"</a>";
						}
					},
					{field:'createTime',title:'创建时间',width:80,align:'center'},
					{field:'assessStatus',title:'状态',width:80,align:'center',
					formatter:function(value,row,index){
								if(value==1)return "已发布";
								else return "未发布";
							}
					},
					{field:'releaseTime',title:'发布时间',width:150}
				]],
				toolbar:[{
					text:'新建考核',
					iconCls:'icon-add',
					handler:newAssess
				},'-',{
					id:'btncut',
					text:'删除',
					iconCls:'icon-remove',
					handler:deleteAssess
				},'-']
			});
		
	
});
  相关解决方案