easyui与框架整合需要注意的问题

1.与struts2整合时,如果通过form('submit')方式提交,需要设置@Action(name="",type="json",params={"contentType","text/html"}

2.与struts整合时,如何传datagrid的easyui可识别的json,因为用struts2的json方式,easyui是不识别的,这时候有两种做法,一是直接返回jsonobject到前台.这样是可以显示出来,但会有问题.还有一种办法是,用servlet方式返回json.代码如下:

@Action("/listCleanToolData")
public String listData(){
try {
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=UTF-8");
JSONObject jsonobj = new JSONObject();
PrintWriter out = response.getWriter();
Map<String,Object> map = new HashMap<String,Object>();
//如果有自定义排序字段，在该注释下面写

//自定义排序字段设置结束
map = ControlUtil.getParams(ServletActionContext.getRequest(),map);
PageInfo<CleanTool> pageInfo = ControlUtil.getPageinfo(ServletActionContext.getRequest());
pageInfo.setResult(cleanToolService.findListByMap(null, map, pageInfo));
pageInfo.setCount(cleanToolService.countByPage(map));
JSONArray rows = null;
long total = 0L;
if(null != pageInfo && null != pageInfo.getResult() && pageInfo.getResult().size() > 0){
rows = JSONArray.fromObject(pageInfo.getResult(),JsonFilter.getFilter());
total = pageInfo.getCount();
} else {
rows = JSONArray.fromObject(new ArrayList<CleanTool>(),JsonFilter.getFilter());
total = 0;
}
Map<String,Object> json = new HashMap<String, Object>();
json.put("rows", rows);
json.put("total", total);
jsonobj = JSONObject.fromObject(json);// 格式化result一定要是JSONObject
out.print(jsonobj);
out.flush();
out.close();
} catch (IOException e) {
e.printStackTrace();
}
return null;
}

以上代码仅作参考,只需了解对你有用的代码即可.

3.easyui的表格数据,如果最后一栏目为操作选项, 放的是各种图标(图标绑定事件).如删除按钮,上面的toolbar上,是多删除按钮,而每一行数据后面有单个删除按钮,这时候,js一定要写得通用才好,不然有时候会提示你选择一行数据,不知道大家有没有碰到过,反正我看别人是碰到过的.代码如下

function del(ids){
if(ids=="" || ids == undefined){
var rows = $("#listTable").datagrid("getSelections");
if(rows != null && rows != "" && rows.length >= 1){
$.each(rows,function(k){
if(ids != "") ids += ",";
ids += "\'" + rows[k].id + "\'";
});
} else {
msg("提示","请至少选择一条记录！");
return;
}
} else {
ids = "\'" + ids + "\'";
}
window.top.$.messager.confirm('请确认','您确定要删除选中的记录吗?',function(r){
if (r){
$.ajax({
url:"<c:url value='/vote/deleteVote.do'/>",
type:"post",
data:"ids=" + ids,
dataType:"json",
async:false,
success:function(result){
if(!result) return;
var re = result.msg;
msg("提示ʾ",re);
$("#listTable").datagrid("reload");
}
});
}
});
}

4.easyui通用的window全局模态代码.

//在最顶层弹出窗口
function my_window(winid,url,title,width,height){

//winid是用来关闭该模态窗口的标识.
if(!url) return;
if(!width) width = 300;
if(!height) height = 300;
var html = "<div id=\"window_" + winid + "\" style=\"padding:0px;\">"
+"<iframe src='" + url + "' frameborder='0' id='childFrame' name='childFrame' marginheight='0' style='width:100%;height:100%;' marginwidth='0' scrolling='auto' width='100%' height='100%'></iframe>"
+"</div>";
var win = window.top.$(html).appendTo(window.top.document.body);
win.window({
//标题
title : title,
//宽度
width : width,
//是否模态
modal : true,
//是否显示阴影
shadow : false,
//
closed : true,
//是否显示右上角的关闭按钮
//				closable : false,
//是否能最小化
minimizable : false,
//是否可折叠
collapsible : false,
//是否能最大化
//				maximizable : false,
//高度
height : height,
//是否可拖动
draggable : true,
//浮动量
zIndex : 999,
//对于主父窗口如何停留的定义，true 该窗口停留在父窗口上， false 该窗口始终显示在最顶层，默认为false(这个定义等同于javax.swing里的dialog)
inline : true,
//关闭事件执行详细
onClose : function() {
//顶层模态需在顶层关闭，否则无效
window.setTimeout(function() {
window.top.$(win).window('destroy', false);
}, 0);
}
});
win.window('open');
return win;
}

暂时只想得到这么多,以后慢慢补