关于table新增一行

zynet

HTML代码：
<div component="$UI/system/components/justep/list/list"    class="x-list" data="newsData" xid="jtcyList1">
         <input component="$UI/system/components/justep/button/button" class="btn btn-default" style="font-size:16px;" value="+"></input>
         <table component="$UI/system/components/bootstrap/table/table"  class="table table-bordered table-hover table-striped" xid="oTable">
                  <thead>
                           <tr>
                                   <th data-options="field:'zcmc',width:100,align:'center',editor:{type:'text',options:{required:true}}">资产名称</th>
                                   <th data-options="field:'dw',width:50,align:'center' ,editor:'text'">单位</th>
                                  <th data-options="field:'sl',width:50,align:'center',editor:'text'">数量</th>
                            </tr>
                     </thead>
       </table>
</div>


JS 代码：
Model.prototype.button1Click = function(event){

        var oTable = document.getElementById("oTable");
          var tr=oTable.insertRow(0);
          var td_1 = tr.insertCell(0);
          td_1.innerHTML = "<div contenteditable='true'></div>";
          var td_2 = tr.insertCell(1);
          td_2.innerHTML = "<div contenteditable='true'></div>";
          var td_3 = tr.insertCell(2);
          td_3.innerHTML = "<div contenteditable='true'></div>";
    };

错误：点击按钮新增加一行提示 'Cannot read property 'insertRow' of null'


请问这是什么原因?

liangyongfei

首先 这个组件并没有提供 insertRow 的方法！
/UI2/system/components/bootstrap/table/table.js

你是从哪儿看到的！是自创的方法吗？

还有就是获取组件，请使用this.comp('oTable')

你是参考的/UI2/system/components/bootstrap/table/demo/bsTable.w 吗？？

新增一行数据，应该是给data组件新增
data.newData()

zynet

WeX5 有如图类似的控件属性或方法

liangyongfei

zynet 发表于 2017-5-10 17:46
WeX5 有如图类似的控件属性或方法

这就是list组件显示成表格样式
可以参考
/UI2/system/components/justep/list/demo/list.w

不过，你要的是每一行都显示下拉框呢？？还是只有第一行显示下拉框？？
如果只有第一行建议直接修改源码。 在w源码中 再 添加一个tr  

不要放在list里面循环！  和 头部标题并列 下方 显示就行了！

zynet

liangyongfei 发表于 2017-5-10 18:17
这就是list组件显示成表格样式
可以参考
/UI2/system/components/justep/list/demo/list.w

每新增一行都会有下拉框

liangyongfei

zynet 发表于 2017-5-11 08:59
每新增一行都会有下拉框

那就直接在list 模板里面放置 select 组件或者gridSelect 组件就行了！

另外grid组件也可以实现这样的效果！你试试吧！
就是在每个列里面放置一个gridSelect ，绑定data 字段  ref('字段')就行 了

zynet

liangyongfei 发表于 2017-5-11 10:16
那就直接在list 模板里面放置 select 组件或者gridSelect 组件就行了！

另外grid组件也可以实现这样的效 ...

Wex5 里的数据表格如 grid，dataTables 等是不是都要先绑定数据库

liangyongfei

zynet 发表于 2017-5-11 10:30
Wex5 里的数据表格如 grid，dataTables 等是不是都要先绑定数据库

是的，他们绑定data组件！他们就是列表循环显示 data组件中的数据的！

zynet

liangyongfei 发表于 2017-5-11 10:38
是的，他们绑定data组件！他们就是列表循环显示 data组件中的数据的！

谢谢