easyui

最近遇到了一个需求，easyui datagrid  table 的两列，同时显示一个字段的值

比如，比如说第一列显示1-10条，第二列显示11-20 条

查了好多资料，没有找到好办法，后来想到了一个方法，

把1-10 存到一个字段中

11-20存到另外一个字段中，区分一下

前台显示的时候，取两个字段的值，大概是这样

body

<thead>
<tr>
<th data-options="field:'colum1',width:120,formatter:formatOper">图片</th>
<th data-options="field:'conum2',width:120,formatter:formatOper1">图片</th>
</tr>

</thead>

js

function formatOper(value,row,index){
 if(index<10){
  var btn ="<div><img src="+row.url+">;
return btn; 
 }

  }

function formatOper1(value,row,index){
if(index<10){
var btn ="<img src="+row.url+">;
return btn; 
}

}

java

int j=0;
for (int i = 0; i < list.size(); i++) {
if(i>9){

list.get(j).setUrl1(list.get(i).getUrl);  //重新组合对象，将10-20条存到前10条

j++;
}
}

//这里做这样的处理是因为前台显示的时候会出现空白的tr ，把多余的不想显示的值去掉
for (int i = list.size()-1; i >9; i--) { //控制前台显示分页记录数
list.remove(i);
}
dg.setRows(list);