showRowDetail动态获取form对象问题

anxingyu

业务场景
gird中查看详情，希望动态获取变量。因为页面设计查看详情很多。


开发代码

function onShowRowDetail(e) {    var idx=1;     var row = e.record;     var editForm = document.getElementById("editForm"+idx); //将editForm元素，加入行详细单元格内 var gridIdx = mini.get("datagrid"+idx); var td = gridIdx.getRowDetailCellEl(row); td.appendChild(editForm); editForm.style.display = ""; //表单加载支柱信息 var form = new mini.Form("editForm"+idx); form.setData(row); }

问题
首次点击grid查看详情没问题，点击查询后，再点击查看详情就会提示editForm对象为空。
即代码行：var editForm = document.getElementById("editForm"+idx);
请问如何解决在onShowRowDetail方法动态获取 editForm 对象。

felt

既然这个editForm是固定的，请用全局变量保存

anxingyu

felt 发表于 2016-11-15 10:46
既然这个editForm是固定的，请用全局变量保存

当一个页面显示多个grid时，代码重用性很差。是否能提供其他替代方案？

felt

anxingyu 发表于 2016-11-15 10:49
当一个页面显示多个grid时，代码重用性很差。是否能提供其他替代方案？

那只能动态生成form了

anxingyu

felt 发表于 2016-11-15 10:57
那只能动态生成form了

可以有具体的例子吗

felt

anxingyu 发表于 2016-11-15 11:07
可以有具体的例子吗

function createForm() {
            var detailGrid_Form = document.createElement("div");
            detailGrid_Form.innerHTML = '<table style="width:100%;">'
            +'<tr>'
             +  ' <td style="width:80px;">员工帐号：</td>'
              +  '<td style="width:150px;"><input name="loginname"  /></td>'
              +  '<td style="width:80px;">姓名：</td>'
               +' <td style="width:150px;"><input name="name"  /></td>'
               +' <td style="width:80px;">薪资：</td>'
               +' <td style="width:150px;"><input name="salary"  /></td>'
           +' </tr><table>'
           var obj = {
               detailGrid_Form: detailGrid_Form
           }
           return obj; ;
        }


function onShowRowDetail(e) {
            var grid = e.sender;
            var row = e.record;


            var td = grid.getRowDetailCellEl(row);
            if (td.childNodes.length != 0) return;


            var obj = createForm();
     
            var detailGrid_Form = obj.detailGrid_Form;

            td.appendChild(detailGrid_Form);
         
           
        }