easyui datagrid 從后台加載過來數據篩選進行前台展示

//定義兩個常量

var count = 0;
 var data;

為兩個篩選條件的radio 按鈕綁定單擊事件

  //查看未審核合同
            function checkUnReview(obj) {
                $("#btabsDiv").find("input[type=radio]").not(obj).attr("checked", false);//使div下的radio只能單個被選中
                count++;
                if (count == 1) {
                    data = $("#maingrid").datagrid("getData");
                }
                $("#maingrid").datagrid("loadData", loadFilter(data, "待審核"));
            }
            //查看已審核合同
            function checkReview(obj) {
                count++;
                $("#btabsDiv").find("input[type=radio]").not(obj).attr("checked", false);
                //$("#maingrid").datagrid('reload');
                if (count == 1) {
                    data = $("#maingrid").datagrid("getData");
                }

                $("#maingrid").datagrid("loadData", loadFilter(data, "已審核"));//重新加載數據
            }
            function loadFilter(data, status) {//重新組織datagrid數據，把符合條件的內容加到定義的json字符串中。
                var value = {
                    total: data.total,
                    rows: []
                };
                var x = 0;
                for (var i = 0; i < data.rows.length; i++) {
                    if (data.rows[i].status2 == status) {
                        value.rows[x++] = data.rows[i];
                    }
                }
                return value;
            }

在data-options中添加onLoadSuccess事件，在數據加載成功時觸發。用於默認加載符合某個條件的數據

<table id="maingrid" class="easyui-datagrid  tab01" title="" style="width: 100%;height: 100%" data-options="rownumbers:true,nowrap:true,striped:true,remoteSort:true,sortName:'createdate',sortOrder:'desc',singleSelect:true,pagination:true,method:'get',url: '/ashx/Contract/reviewContractData.ashx?module=reviewServiceContract', toolbar:'#tb',onLoadSuccess:function(data1){
                count++;
                if(count==1)
                {
                 data = $('#maingrid').datagrid('getData');
                 $('#maingrid').datagrid('loadData', loadFilter(data, '待審核'));
                }
                }">
                <thead>
                    <tr>
                         <th data-options="field:'ck',checkbox:true"></th>
                            <th data-options="field:'isFrame',align:'center',width:'100px' ">
                            是否為框架合同
                        </th>
                          <th data-options="field:'createmanname',align:'center',width:'100px' ">
                            創建人
                        </th>
                        <th data-options="field:'createdate',align:'center',width:'100px'">
                            創建日期
                        </th>
                            <th data-options="field:'reviewtime',width:'120px'">
                            審批時間
                        </th>
                            <th data-options="field:'status2',width:'100px' ">
                            審核狀態
                        </th>
                           <th data-options="field:'status',width:'120px'">
                            狀態
                        </th>
                        <th data-options="field:'contractNo',sortable:'true',width:'150px'  ">
                            合同編號
                         </th>
                          <th data-options="field:'isFrame',width:'100px' ">
                            是否為框架合同  
                        </th>
                         <th data-options="field:'buyer',align:'left',width:'200px' ">
                            甲方(買方)  
                        </th>
                         <th data-options="field:'seller',align:'left',width:'200px' ">
                            乙方(賣方)
                         </th>
                             <th data-options="field:'partyC',align:'left',width:'200px' ">
                         丙方
                         </th>
                              <th data-options="field:'partyD',align:'left',width:'200px' ">
                           丁方
                         </th>
                        <th data-options="field:'signedTime',width:'100px' ">
                            簽訂時間
                        </th>
                        <th data-options="field:'signedPlace',align:'center',width:'100px' ">
                            簽訂地點
                        </th>
                           <th data-options="field:'validity',align:'center',width:'100px' ">
                            合同有效期
                        </th>
                    </tr>
                </thead>
                  
            </table>

      <input type="radio" name="unReviewRadio" value="" onclick="checkUnReview(this)" />未審核
       <input type="radio" name="ReviewRadio" value="" onclick="checkReview(this)"/>已審核