jquery easyui datagrid 用法

<scripttype="text/javascript">

    function getOptions(){

        return{

            invitedRegisterTimeFrom:$("#invitedRegisterTimeFrom").datetimebox("getValue"),

            invitedRegisterTimeTo:$("#invitedRegisterTimeTo").datetimebox("getValue"),

            invitedUserName:$("#invitedUserName").val(),

            invitedUserAccount:$("#invitedUserAccount").val(),

            userName:$("#userName").val(),

            userAccount:$("#userAccount").val(),

            type: $("#type").combobox("getValue"),

            pageNumber: $("#pagination").pagination("options").pageNumber,

            pageSize : $("#pagination").pagination("options").pageSize

        }

    }

    /**

    * init

    */

    $(function($){

       

  // 数据载入.

        loadData();

       

        /**

         * 分页脚本 。

         */

        $("#pagination").pagination({

            onSelectPage: function(pageNumber,pageSize){

                // 重新 异步加载数据

                loadData(getOptions());

            },

            onLoadError: function(XMLHttpRequest,textStatus){

                assertSessionTimeOut(XMLHttpRequest,textStatus);

            }

        });

      //检索

      $('#searchBtn').bind('click',function() {

            loadData(getOptions());

      });

     

      // 类型

      $("#type").combobox({

          url: "p2p/getCodeType",

          valueField: "itemId",

          textField: "itemName",

          editable : false,

          onLoadError: function(XMLHttpRequest,textStatus){

              assertSessionTimeOut(XMLHttpRequest,textStatus);

              errorAlert('警告','<spring:message code="message.requestInterrupt"/>');

          }

      });

     

    });

    /**

     * 数据载入.

     */

    functionloadData(options){

        /**

         * 异步加载数据。

         */

        $("#inviteCodeInfoGrid").datagrid({

            cache : false,

            url: "p2p/getInviteCodeInfo",

            method : "POST",

            queryParams: options,

            onLoadSuccess: function(data) {

                $('#pagination').pagination({total : data.total});

            },

            onLoadError: function(XMLHttpRequest,textStatus){

                assertSessionTimeOut(XMLHttpRequest,textStatus);

            },

            fitColumns: true,

            rownumbers: true,

            singleSelect: true,

            checkOnSelect: true,

            selectOnCheck: false,

            pagination : false,

            nowrap: true,

            checkbox : false,

            columns : [ [ {

                field : 'typeStr',

                title: '类型',

                width : $(this).width() * 0.1,

                align : 'center'

            },{

                field : 'invitedInvestMoneyStr',

                title: '金额',

                width : $(this).width() * 0.1,

                align : 'right', //表格内容居左

                halign: 'center' //表格标题居中

            },{

                field : 'userNameStr',

                title : '人',

                width : $(this).width() * 0.1,

                align : 'left',

                halign: 'center'

            },{

                field : 'code',

                title : '详情',

                width : $(this).width() * 0.05,

                align : 'center',

                  formatter:function (value,obj) {

                        // 表格内添加 按钮链接

                        var a ="<a href='javascript:void(0)'onclick='viewDetail(\""+obj.userId+"\")'>查看链接</a>";

                        return a;

                  }

            },{

                field : 'awardMoneyStr',

                title : '奖额',

                width : $(this).width() * 0.1,

                align : 'right',

                halign: 'center'

            }] ]

        });

    }

</script>

<!-- 分页 panel -->

  <divstyle="margin:10px 0;"></div>

  <div id="pagination"data-options="showRefresh:false"width="85%"style="border:1px solid #7ecef4;"></div>

 

  <!-- 信息一览  panelHeight="auto" datagrid 高度自适应-->

  <table id="inviteCodeInfoGrid"panelHeight="auto"></table>