- 浏览: 114365 次
- 性别:
- 来自: 福建
-
文章分类
最新评论
-
wenbing2610:
其实用Struts实现图片上传比用Servlet实现容易多了。 ...
Struts2文件上传深入FileUploadInterceptor -
i_feng:
public class uploadImageAction ...
Struts2文件上传深入FileUploadInterceptor -
wenbing2610:
...
ognl.MethodFailedException
加载相关js和css,因为easyui依赖jquery,所有加载easyui前要先加载jquery,否则为提示找不到datagrid
Html代码
- <!-- 加载jquery -->
- <script type="text/javascript" src="plugins/jquery/jquery-1.4.2.min.js"></script>
- <!-- 加载jquery-easyui -->
- <link rel="stylesheet" type="text/css" href="plugins/jquery/jquery-easyui-1.1.2/themes/default/easyui.css">
- <link rel="stylesheet" type="text/css" href="plugins/jquery/jquery-easyui-1.1.2/themes/icon.css">
- <script type="text/javascript" src="plugins/jquery/jquery-easyui-1.1.2/jquery.easyui.min.js"></script>
<!-- 加载jquery --> <script type="text/javascript" src="plugins/jquery/jquery-1.4.2.min.js"></script> <!-- 加载jquery-easyui --> <link rel="stylesheet" type="text/css" href="plugins/jquery/jquery-easyui-1.1.2/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="plugins/jquery/jquery-easyui-1.1.2/themes/icon.css"> <script type="text/javascript" src="plugins/jquery/jquery-easyui-1.1.2/jquery.easyui.min.js"></script>
界面加入
Html代码
- <table id="cxdm"></table>
<table id="cxdm"></table>
加载datagrid的js代码
Java代码
- //页面加载
- $(document).ready(function(){
- loadGrid();
- });
- //加载表格datagrid
- function loadGrid()
- {
- //加载数据
- $('#cxdm').datagrid({
- width: 'auto',
- height:300,
- striped: true,
- singleSelect : true,
- url:'getPsNewConsultList.action',
- //queryParams:{},
- loadMsg:'数据加载中请稍后……',
- pagination: true,
- rownumbers: true,
- columns:[[
- {field:'adviceid',title: '来文号',align: 'center',width: getWidth(0.2)},
- {field:'consulter',title: '案由',align: 'center',width: getWidth(0.45),
- //添加超级链,并将来文号作为参数传入
- formatter:function(val,rec){
- //alert(rec.adviceid);
- return "<a href='jsp/proposal/psconsultview.jsp?id="+rec.adviceid+"'>"+val+"</a>";
- }
- },
- {field:'content',title: '状态',align: 'center',width: getWidth(0.2)},
- {field:'replynumber',title: '回复数',align: 'center',width: getWidth(0.05)}
- ]]
- });
- }
- //为loadGrid()添加参数
- var queryParams = $('#cxdm').datagrid('options').queryParams;
- queryParams.who = who.value;
- queryParams.type = type.value;
- queryParams.searchtype = searchtype.value;
- queryParams.keyword = keyword.value;
- //重新加载datagrid的数据
- $("#cxdm").datagrid('reload');
//页面加载 $(document).ready(function(){ loadGrid(); }); //加载表格datagrid function loadGrid() { //加载数据 $('#cxdm').datagrid({ width: 'auto', height:300, striped: true, singleSelect : true, url:'getPsNewConsultList.action', //queryParams:{}, loadMsg:'数据加载中请稍后……', pagination: true, rownumbers: true, columns:[[ {field:'adviceid',title: '来文号',align: 'center',width: getWidth(0.2)}, {field:'consulter',title: '案由',align: 'center',width: getWidth(0.45), //添加超级链,并将来文号作为参数传入 formatter:function(val,rec){ //alert(rec.adviceid); return "<a href='jsp/proposal/psconsultview.jsp?id="+rec.adviceid+"'>"+val+"</a>"; } }, {field:'content',title: '状态',align: 'center',width: getWidth(0.2)}, {field:'replynumber',title: '回复数',align: 'center',width: getWidth(0.05)} ]] }); } //为loadGrid()添加参数 var queryParams = $('#cxdm').datagrid('options').queryParams; queryParams.who = who.value; queryParams.type = type.value; queryParams.searchtype = searchtype.value; queryParams.keyword = keyword.value; //重新加载datagrid的数据 $("#cxdm").datagrid('reload');
datagrid添加参数的方式
Js代码
- //为loadGrid()添加参数
- var queryParams = $('#cxdm').datagrid('options').queryParams;
- queryParams.who = who.value;
- queryParams.type = type.value;
- queryParams.searchtype = searchtype.value;
- queryParams.keyword = keyword.value;
- //重新加载datagrid的数据
- $("#cxdm").datagrid('reload');
//为loadGrid()添加参数 var queryParams = $('#cxdm').datagrid('options').queryParams; queryParams.who = who.value; queryParams.type = type.value; queryParams.searchtype = searchtype.value; queryParams.keyword = keyword.value; //重新加载datagrid的数据 $("#cxdm").datagrid('reload');
或者直接添加在url中
Js代码
- $('#repeatpspolal').datagrid({
- title:'重复的未初分提案',
- loadMsg:"数据加载中,请稍后……",
- region:'north',
- url:"getRepeatPs.action?documentnumber="+documentnumber+"&simDegree="+simDegree,
- 。。。。。。
$('#repeatpspolal').datagrid({ title:'重复的未初分提案', loadMsg:"数据加载中,请稍后……", region:'north', url:"getRepeatPs.action?documentnumber="+documentnumber+"&simDegree="+simDegree, 。。。。。。。
Action层
Java代码
- //当前页码
- private int page;
- .........
- //征询意见结果集
- private List<Object> rows;
- ...........
- @SuppressWarnings("unchecked")
- public String getPsNewConsultList() throws GlobalException {
- //获取每页显示的行数
- int pageRows=10;
- if(null!=request.getParameter("rows")) {
- pageRows=Integer.parseInt(request.getParameter("rows").toString());
- }
- ...........
- //获取结果集
- this.setRows(proposalService.getPsNewConsultList(consulter,consultee,type,psId,psContent,pageRows*(page-1)+1,pageRows*page));
- //获取总记录数
- this.setTotal(100);
- ...............
- }
//当前页码 private int page; ......... //征询意见结果集 private List<Object> rows; ........... @SuppressWarnings("unchecked") public String getPsNewConsultList() throws GlobalException { //获取每页显示的行数 int pageRows=10; if(null!=request.getParameter("rows")) { pageRows=Integer.parseInt(request.getParameter("rows").toString()); } ........... //获取结果集 this.setRows(proposalService.getPsNewConsultList(consulter,consultee,type,psId,psContent,pageRows*(page-1)+1,pageRows*page)); //获取总记录数 this.setTotal(100); ............... }
其中的page由datagrid传入,当用户在datagrid左下角选择每页显示的行数时,datagrid会将该值已参数形式附加到url后面传入action中,名字就叫page,还要将结果总行数total传给datagrid,用于分页
不知道是datagrid配置有误还是datagrid的bug,datagrid的结果集和每页显示的行数都叫rows,重名了
解决办法如上,结果集还是叫rows,但是List的类型改为Object而不能用实体的类型,每页显示的行数通过request获取
action配置时,要继承json-default,json-default继承自struts-default,还要配置输出结果类型为json
Java代码
- <action name="getPsNewConsultList" class="proposalConsultAction" method="getPsNewConsultList">
- <result name="success" type="json">
- <param name="includeProperties">
- ^rows\[\d+\]\.\w+,total
- </param>
- <param name="noCache">true</param>
- <param name="ignoreHierarchy">false</param>
- </result>
- </action>
<action name="getPsNewConsultList" class="proposalConsultAction" method="getPsNewConsultList"> <result name="success" type="json"> <param name="includeProperties"> ^rows\[\d+\]\.\w+,total </param> <param name="noCache">true</param> <param name="ignoreHierarchy">false</param> </result> </action>
service层
Java代码
- @SuppressWarnings("unchecked")
- public List getPsNewConsultList(String consulter,String consultee,String type,String psId,String psContent,int pageRows,int page) throws Exception {
- return proposalDAO.getPsNewConsultList(consulter,consultee,type,psId,psContent,pageRows,page);
- }
@SuppressWarnings("unchecked") public List getPsNewConsultList(String consulter,String consultee,String type,String psId,String psContent,int pageRows,int page) throws Exception { return proposalDAO.getPsNewConsultList(consulter,consultee,type,psId,psContent,pageRows,page); }
dao层只需要将ResultSet中的数据循环加入实体属性,然后将实体实例加入List即可,形式如下:
Java代码
- List<Person> list=new ArrayList<Person>();
- Person person=null;
- while(rs.next())
- {
- person=new Person();
- person.setId(i);
- person.setName("名字"+i);
- list.add(person);
- }
- .........
- return list;
发表评论
-
JQuery实现ajax功能
2012-08-14 12:52 12241.传统的JavaScript方法实现Ajax ... -
easyui tabs 的href和content属性
2012-07-29 13:32 2489jQuery Easyu ... -
jquery-easyui中创建异步加载树
2012-07-29 13:14 1531jque ... -
easy-ui的一些常用方法
2012-07-29 13:08 1265easy-ui,treegrid或者是datagr ... -
jQuery与jQuery EasyUI
2012-07-29 12:55 1388一、 jQuery简介 ... -
JSONArray的应用
2012-07-08 19:35 1455从json数组中得到相应java数组,如果要获取java数组中 ... -
JSONObject与JSONArray的使用
2012-07-08 19:31 8321.JAR包简介 要使程序可以运行必须引入JSON-lib包 ... -
jQuery操作元素属性
2012-04-23 22:30 878jQuery如何 ... -
jQuery内容过滤选择器、属性过滤选择器和jquery可见度过滤选择器
2012-04-23 22:19 1094一、 jquery ... -
jQuery选择器(一)
2012-02-29 23:27 788通俗的讲, 选择器就是"一个表示 ... -
简单的jQuery应用
2012-02-29 21:12 981jQuery是继prototype之后又一个优 ...
相关推荐
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
JS EasyUI DataGrid动态加载数据
easyUI datagrid 自动调整行号大小
EasyUI DataGrid过滤用法实例
easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。
两种方法将easyui datagrid 中的数据导出到Excel中,均以验证可以正常使用
easyui datagrid表格打印,支持formatter格式化数据的打印,还原的最初datagrid 的表格数据
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
easyui datagrid 多条件筛选 可复选 过滤 例如过滤200-300 500-600 类似淘宝筛选 但允许复选
在Easyui的1.3.3版本中,作者新增了tooltip组件,尽管样式看起来也...之前我写过一篇《扩展:datagrid鼠标经过提示单元格内容》那就是用纯编码生成的tip,更为丑陋,有了Easyui 1.3.3的tooltip,我们实现起来就很容易了
jquery easyui 扩展 datagrid 自定义动态隐藏显示列
easyUI datagrid 行上移,下移,置顶,置底的方法
解决EasyUIdataGrid列比较多,无数据,列展现不全
在easyui 的datagrid编辑状态下实时更新其他处于编辑或者没在编辑下的列值,并在结束编辑后得到的row的数据为更改后的数据。
easyUI datagrid的打印,datagrid先查询出数据,然后调用html文件做简单的报表打印。IE,Chrome,360浏览器都适用
EasyUI Datagrid 中文排序的问题 解决了WEB端和后台(Oracle、MySQL)中文排序问题
jquery easyui demo 网页下载下来打包了,还有datagrid简要说明
NULL 博文链接:https://skyfar666.iteye.com/blog/1840145
easyui datagrid 导出到excel,图解
一个update扩展方法 文档中一种是比较笨的方法 一次只能修改一个列而且受列编辑类型影响(比如number datetime)扩展一次编辑多列,不受编辑类型影响,没有编辑属性也可以。