grid.getRowDetailCellEl的问题

lfofiug

想通过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

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