datagrid 的简单示例

 //条件查询策略组信息

 function forQuery(tsMkId1, agentId, xspFyID) {

  if (tsMkId1 != null && tsMkId1 != "") {

   tsMkId = tsMkId1;

  }

  if(agentId != null && agentId != ""){

   currentAgentId = agentId;

  }

  if(xspFyID != null && xspFyID != ""){

   currentXspFyID = xspFyID;

  }

  var tsMkBh = $("#fyBh").val();

  var fyName = $("#fyName").val();

  $('#strategyGroupList').datagrid({

   iconCls : 'icon-save',

   width : 1000,

   height : 325,

   method : 'post',

   url : 'goods!queryDPFInfoByGroup.html',

   queryParams : {

    'good.tsMkId' : tsMkId,

    'dpfFyStrategy.fyBh' : tsMkBh,

    'dpfFyStrategy.fyName' : fyName,

    'dpfFyStrategy.tsAssetId' : currentAssetId

   },

   pagination : true,

   onLoadSuccess:function() {

    $('#fySelectDlg').dialog('open');

   }

  });

  var p = $('#strategyGroupList').datagrid('getPager');

  $(p).pagination({

   pageSize : 10

  //每页显示的记录条数，默认为10

  });

  $('#strategyGroupList').datagrid('load');

 }

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

  <fieldset id="fySelectDlg" class="easyui-dialog" title="选择服务费"

  data-options="iconCls:'icon-save',buttons: '#dlg-buttons',resizable:false,modal:true"

  style="width: 1060px; height: 400px; padding: 5px; position: relative; top: 5px;">

  <table>

   <tr>

    <td>

     <table align="left" cellpadding="6px" style="width: 1000px;"

      style="border-width: 1px 1px 1px 1px; border-spacing: 0; border-style: solid; border-color: #C1DAD7;">

      <tr>

       <td style="padding-left: 5px;">策略组编码：<s:textfield id="fyBh" name="dpfFyStrategy.fyBh" /></td>

       <td style="padding-left: 5px;">策略组名称： <s:textfield id="fyName" name="dpfFyStrategy.fyName" /></td>

      </tr>

      <tr align="right">

      <td style="padding-left: 5px;" cosplan="2" >

          <a href="###" class="easyui-linkbutton" iconCls="icon-search" onclick="forQuery()">查询</a>

          <a href="###" class="easyui-linkbutton" iconCls="icon-ok" onclick="forConfirm()">确定</a>

      </td>

      </tr>

     </table>

    </td>

   </tr>

   <tr>

    <td>

     <table id="strategyGroupList" align="left" style="width: 1000px; height: 300"

      data-options="rownumbers:true,singleSelect:true,autoRowHeight:false,pageSize:10">

      <thead>

       <tr>

        <th data-options="field:'ck',checkbox:true"></th>

        <th field="FY_BH" width="115">策略组编码</th>

        <th field="FY_NAME" width="200">策略组名称</th>

        <th field="TS_ASSET_NAME" width="140">省分</th>

        <th field="CREATE_DATE" width="280" format="yyyy-MM-dd HH:mm">创建时间</th>

        <th field="NAME" width="160">创建人</th>

        <th field="FY_ID" width="0" hidden="true"></th>

       </tr>

                  </thead>

     </table>

    </td>

   </tr>

  </table>

 </fieldset>