easyui的datagrid 建立 及操作

表头定义

<div class="easyui-panel" style="width:90%; height:85%;margin-left:20px">  <table class="easyui-datagrid" id="communityList" style="width:100% "   >     <thead> <tr>    <th field="ck" checkbox="true"></th>    <th data-options="field:'SHENG_NAME'" style="width:15%;">省份</th>    <th data-options="field:'CITYID'" style="width:15%;">城市id</th>    <th data-options="field:'CITY_NAME'" style="width:15%;">城市名称</th>    <th data-options="field:'AREA_NAME'" style="width:15%;">行政区</th>    <th data-options="field:'XQID'" style="width:15%;">小区ID</th>    <th data-options="field:'COMMUNITY_NAME'" style="width:15%;">小区名称</th>    <th data-options="field:'ADDRESS'" style="width:15%;">小区地址</th>    <th data-options="field:'MESSAGE'" style="width:15%;">评估信息</th>    <th data-options="field:'UNIT_PRICE'" style="width:15%;">unitprice</th>    <th data-options="field:'ZXD'" style="width:15%;">zxd</th>    </tr>        </thead>    </table></div>

也可以

 $('#communityList').datagrid({               title:"",               ///iconCls:"icon-edit",//图标               width: "100%",               height: "auto",               nowrap: false,               striped: false,               border: false,               fit:true,              pageSize: 15,              pageList:[15, 25, 50],              collapsible:false,//是否可折叠的               url:"AutoEvaluationController/searchAutoE.do",                remoteSort:false,
//  额外的请求参数
             queryParams:{              cityId:cityid,              areaid: areid,              zoneNumber:zonenumber              },
//            idField:'fldId',              pagination:true,//分页控件              rownumbers:false,//行号               method:'post',              columns:[[                       {field:'SHENG_NAME',title:'省份'},                  {field:'CITYID',title:'城市id'},                       {field:'CITY_NAME',title:'城市名称'},                   {field:'AREA_NAME',title:'行政区'},                       {field:'XQID',title:'小区ID'},                   {field:'COMMUNITY_NAME',title:'小区名称'},                       {field:'ADDRESS',title:'小区地址'},                       {field:'message',title:'评估信息'},                       {field:'unitprice',title:'unitprice'},                       {field:'zxd',title:'zxd'}                 ]]         });
         

批量操作行数据传到后台，获得新的数据 再编辑进行内

var autoBatchEvaluation=function(){      //得到选中行数据      var row = $('#communityList').datagrid('getSelections');      if(row.length<1){          alert("请选中至少一行数据");          return;      }      for(var i =0;i<row.length;i++){          row[i].zoneNumber =$("#selectCity").find("option:selected").attr("valueZoneNumber").substring(0,4);}

//获得当前页和当前页显示条数      var $d =$('#communityList');      var options = $("#communityList" ).datagrid("getPager" ).data("pagination" ).options;      var curr = options.pageNumber;      // alert(curr);      var size = options.pageSize;      var rowResult =JSON.stringify(row);      //alert(rowResult);      //调用接口      $.ajax({          url : "xxxx.do",          dataType:'json',          data :rowResult ,          type:'post',          async : false,          contentType : 'application/json;charset=utf-8',          success :function(data){              for (var i =0;i<data.length;i++){//翻页导致行号从1开始计，对行号进行处理，刚开始不知道行号从头计，一直报错，搞了很长时间                  $d.datagrid('updateRow',{index: (data[i].rn)-(curr-1)*size-1, row: {                      MESSAGE:data[i].message,                      UNIT_PRICE: data[i].unitprice,                      ZXD:data[i].zxd,                  }});              }             $('#communityList').datagrid('clearSelections');          }})  }

效果

工作遇到的问题，记下来以后查用