easyui之datagrid的基本使用

加载相关js和css，因为easyui依赖jquery，所有加载easyui前要先加载jquery，否则为提示找不到datagrid

Html代码 

1.  

2.          

3.          

4.          

5.          

6.          

界面加入

Html代码 

1.  

加载datagrid的js代码

Java代码 

1.//页面加载  

2.$(document).ready(function(){  

3.            loadGrid();  

4.});  

5.  

6.//加载表格datagrid  

7.function loadGrid()  

8.{  

9.    //加载数据  

10.    $('#cxdm').datagrid({  

11.                width: 'auto',  

12.                height:300,               

13.                striped: true,  

14.                singleSelect : true,  

15.                url:'getPsNewConsultList.action',  

16.                //queryParams:{},  

17.                loadMsg:'数据加载中请稍后……',  

18.                pagination: true,  

19.                rownumbers: true,     

20.                columns:[[  

21.                    {field:'adviceid',title: '来文号',align: 'center',width: getWidth(0.2)},  

22.                    {field:'consulter',title: '案由',align: 'center',width: getWidth(0.45),  

23.                        //添加超级链，并将来文号作为参数传入  

24.                        formatter:function(val,rec){  

25.                            //alert(rec.adviceid);  

26.                            return ""+val+"";  

27.                       }  

28.                    },  

29.                    {field:'content',title: '状态',align: 'center',width: getWidth(0.2)},  

30.                    {field:'replynumber',title: '回复数',align: 'center',width: getWidth(0.05)}                                                          

31.                ]]  

32.            });  

33.}  

34.  

35.//为loadGrid()添加参数  

36.        var queryParams = $('#cxdm').datagrid('options').queryParams;  

37.        queryParams.who = who.value;  

38.        queryParams.type = type.value;  

39.        queryParams.searchtype = searchtype.value;  

40.        queryParams.keyword = keyword.value;  

41.        //重新加载datagrid的数据  

42.        $("#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 ""+val+"";

                       }

                    },

                    {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代码 

1.//为loadGrid()添加参数  

2.var queryParams = $('#cxdm').datagrid('options').queryParams;  

3.        queryParams.who = who.value;  

4.        queryParams.type = type.value;  

5.        queryParams.searchtype = searchtype.value;  

6.        queryParams.keyword = keyword.value;  

7.        //重新加载datagrid的数据  

8.        $("#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代码 

1.$('#repeatpspolal').datagrid({  

2.     title:'重复的未初分提案',  

3.     loadMsg:"数据加载中，请稍后……",  

4.     region:'north',  

5.     url:"getRepeatPs.action?documentnumber="+documentnumber+"&simDegree="+simDegree,  

6.。。。  

 $('#repeatpspolal').datagrid({

      title:'重复的未初分提案',

      loadMsg:"数据加载中，请稍后……

      region:'north',

      url:"getRepeatPs.action?documentnumber="+documentnumber+"&simDegree="+simDegree,

。。。。

Action层

Java代码 

1.//当前页码  

2.private int page;  

3..........  

4.//征询意见结果集  

5.private List