JqGrid 常用使用方法

1.不兼容IE9 的解决方法

 

 

 

 

 

2.自定义查询

$("#btn_search").click(function () {
                var cprname = escape($("#cprname").val());
                $("#jqGrid").jqGrid('setGridParam', {
                    url:"HttpHandler/JqGridHandler.ashx?action=sel",
                    postData:{'cprname':cprname},
                    page:1,


                }).trigger("reloadGrid");
            });

3.页脚统计功能

        function completeMethod() {
            var sumAcount=parseFloat($("#jqGrid").getCol("cpr_Acount",false,'sum')).toFixed(4);
            var sumArea=parseFloat($("#jqGrid").getCol("BuildArea",false,'sum')).toFixed(4);
            $("#jqGrid").footerData('set',{cpr_No:"合计:",cpr_Acount:sumAcount,BuildArea:sumArea});
        }

4.查询无数据提示

        function loadCompMethod() {
            var rowcount=parseInt($("#jqGrid").getGridParam("records"));
            if (rowcount<=0) {
                $("#nodata").show();
            }
            else{
                $("#nodata").hide();
            }
        }

5.自定义列按钮方法

  function colShowFormatter(celvalue, options, rowData) {
            if (celvalue != "") {
                var pageurl="ShowCoperation.aspx?cprid="+celvalue;
                return '查看';
            }
        }

你可能感兴趣的:(js/Jquery/Extjs)