jQuery插件flexigrid改造……

    做毕设用到flexigrid这个插件，但是遇到种种问题！呃，说不太明白，还是用代码说话吧！

 

   后台代码：

            private List《RlEmployee》 rows;

 

   这个就是要在前台显示的rows。但是问题是我的RlEmployee是这样的：

       private Integer empId;
       private RlDepartment rlDepartment;
       private RlPosition rlPosition;
       private String empUserName;

       ……略
  这里又有两个对象，就是RlDepartment 和RlPosition ，分别代表“部门”和“职位”，也就是我数据库中表之间的关系，这些pojo是用hibernate自动生成的。在数据库中RlEmployee这张表之存了“部门ID”和“职位ID”。这两个POJO如下：

 

RlDepartment ：

      private Integer depId;
      private String depName;
      private Integer parentId;
      private String remark;

 

 RlPosition 略。大致差不多。

 

现在问题是我在前台想输出“部门名称----depName这个属性”。

 

原本以为在前台 colModel中这么定义即可：{display : "部门", name : "rlDepartment.depName", width : 100, sortable : true}

 

但是flexigrid根本就不支持这种写法……所以就想通过process里写方法来达到目的，但是失败了……所以就看了下flexigrid的源码。发现只要在tdVal.push(y)之前再进行遍历一遍即可……

讲flexigrid的源代码改了两处：

1.

           // 取列名
            var seleceName = cm.name;

          //在这里加上下句，然后在colModel中加入subname这个属性，表示需要获取的对象中的属性名。
            var subName = cm.subname;

2.

            // 过滤key
            $.each(data.rows[i], function(x, y) {
                 if (seleceName == x) {

                      //这里再进行了2次遍历
                      /**
                         * 判断y是不是对象，如果是对象就再次进行遍历，在colModel中加入
                          * 属性subname，表示需要获取的对象中的属性。
                         */
                       if(typeof(y)=='object'){
                       if(y != null){
                          $.each(y, function(x, y) {
                              if(subName == x){
                                   tdVal.push(y);
                              }
                         });
                       }

                  }else{
                   tdVal.push(y);
                  }
                 }
                })

 然后再把colModel改为 {display : "部门", name : "rlDepartment",subname:"depName"}

 

这样一切都搞定！在前台获取到了“部门名称”。