写写自己使用easyUi 表格遇到的一些问题

总结自己这几天的学习 希望能和大家交流一下 当然这些东西在大神看起来很简单

首先 我们要知道平时我们获取后台数据 获取后台数据我们一般是以list<T>格式获取的

获取后台是实体数据后 我们把他通过model.addAttribute("articles",l); 把数据传送到前台

前台通过foreach循环得出表格数据

下面是部分代码

 <c:forEach var="article" items="${articles}" begin="0" step="1">
  <tr>
  <td>${article.title}</td>
  <td>${article.id}</td>
  <td>${article.summary}</td>
  <td><a herf="www.baidu.com">shan</a></td>
  
  </tr>
  </c:forEach

easyui提供了一种url请求方式 通过json转换 来显示前端表格

这种方式直接可以居中和显示分页 用起来简单实用

这种方式呢

首先 我们需要有一个T 就是你要查询的T 因为easyui json 封装的数据是T和toatl（这一点你可以在easyui demo data_json里面查看

所以demo json 展示数据

{"total":15,"rows":[
    {"productid":"FI-SW-01","productname":"Koi","unitcost":"10.00","status":"P","listprice":"36.50","attr1":"Large","itemid":"EST-1"},
    {"productid":"K9-DL-01","productname":"Dalmation","unitcost":"12.00","status":"P","listprice":"18.50","attr1":"Spotted Adult Female","itemid":"EST-10"},
    {"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":"12.00","status":"P","listprice":"38.50","attr1":"Venomless","itemid":"EST-11"},
    {"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":"12.00","status":"P","listprice":"26.50","attr1":"Rattleless","itemid":"EST-12"},
    {"productid":"RP-LI-02","productname":"Iguana","unitcost":"12.00","status":"P","listprice":"35.50","attr1":"Green Adult","itemid":"EST-13"}
]}
那么我们需要创建一个class resutType<T> 类resutType<T> 包含两个字段 toatl,lList<T> rows 

我们后台需要查询出来的是T* 和count(T) 

sql语句是： SELECT count(*) from *****

返回 public @ResponseBody resutType<T>

前台接受 

写一个自动加载的function方法

$(function(){
        //初始化角色列表
        $("#roles").datagrid({
            url:'${pageContext.request.contextPath }/queryRoles',
           
            pagination:true,
          
            pageList:[10,15],
            columns:[[{
                title:'编号',
                field:'id',
                checkbox:true,
                width : 10

利用easyui layout 和datagrid

<div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'">
                <table id="roles" title="角色信息管理"></table>
        </div>

这样easyui的表格就完美展现了！！！！！是不是很简单

这次还遇到了一个问题 就是jar包的冲突问题 spring-web  jar 和jackson-databind jar的问题 以后要多注意