jQuery MiniUI

标题: grid.getRowDetailCellEl的问题 [打印本页]

作者: lfofiug 时间: 2016-2-24 13:40:34 标题: grid.getRowDetailCellEl的问题

想通过mini-grid及expandcolumn列，想达到如下效果：

expandcolumn加载时自动展开，而不是折叠；于是我做如下设置

------------------------------------------------------------------------------------
<script id="formTemplate" type="text/x-jquery-tmpl">
<table style="width:80%;">
      <tr>
         <td style="width:80px;">员工帐号：</td>
         <td style="width:150px;"></td>
         <td style="width:80px;">姓名：</td>
         <td style="width:150px;">${name}</td>
         <td style="width:80px;">薪资：</td>
         <td style="width:150px;"></td>
      </tr>
</table>
</script>

var grid = mini.get("datagrid1");

----加载数据
grid.load();

-----加载数据后，全部展开，而不是折叠
grid.on("load", function (e) {
      grid.showAllRowDetail();
});

-----如下为展开的内容
grid.on("showrowdetail", function (e) {
      var grid = e.sender;
      var row = e.record;
      debugger;
      var td = grid.getRowDetailCellEl(row);
      if (td) {
         td.innerHTML = "";
         var o = [{ name: "234" }];
         $("#formTemplate").tmpl(o).appendTo(td);;
      }
});

可是我发现，不是每次页面加载的时候，expandcolumn列对应的内容都能正常展开，大多数是不能正常展开的，请问这是为什么啊？
也就是说有的时候可以，有的时候不可以；
当expandcolumn列不能展开的时候，showrowdetail事件下的td变量为未定义，这是为什么啊？

作者: dforce 时间: 2016-2-24 14:56:32

加点延时执行
setTimeout(function(){
grid.showAllRowDetail();
},100)

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)