datatables添加列

ivyaiivy

添加列，代码如下：

1. var parentNode = this.getElementByXid("tableDiv");
   
2. //            var parentNode = this.getElementsByXid('tableDiv');//切记，这个是根据xid获取Element列表
   
3.             var jsonArry = [];
   
4.                 var jsonObj;
   
5.                 //var initdate = "2017-11-20";
   
6.                 var date = new Date();
   
7.                 var dates = date.getDate();
   
8.                 for (var int = 20; int < dates; int++) {
   
9.                         jsonObj={"sName":int,"xid":int,"sTitle":int};
   
10.                         jsonArry.push(jsonObj);
    
11.                 }
    
12.                
    
13.                 debugger;
    
14.             var option = {
    
15.                 parentNode : parentNode,
    
16.                 //dataTables的属性，设计时有的属性都可以设置
    
17.                 xid: "cTable",
    
18.                 data : "createTableData",
    
19.                 class:'table table-bordered table-hover table-striped',
    
20.                 flexibleWidth : true,
    
21.                 responsive : false,
    
22.                 multiSelect: true,//多选框 属性，没有效果
    
23.                 showRowNumber: true,
    
24.                 ordering : true,
    
25.                 // 列定义
    
26.                 columns : jsonArry
    
27.             };
    
28.            var newTable = new dataTables(option);
    
29.            newTable.setCSS({"margin": "0px"});//设置CSS样式
    
30.         };

复制代码

浏览器报错如下：
core.min.js:71 Uncaught TypeError: Unable to process binding "component: function (){return {name:'$model/UI2/system/components/justep/dataTables/dataTables'} }"
Message: a.sTitle.replace is not a function
    at nn (comp2.min.js:68)
    at h.fn.init.<anonymous> (comp2.min.js:68)
    at comp2.min.js:68
    at Function.map (core.min.js:71)
    at mn (comp2.min.js:68)
    at ct (comp2.min.js:68)
    at bt (comp2.min.js:68)
    at comp2.min.js:68
    at f (comp2.min.js:68)
    at h.fn.init.fnServerData (comp2.min.js:68)



请问这是怎么回事呢。

jishuang

http://doc.wex5.com/?p=4560#2.10

columns直接写固定的值看看是否报错

ivyaiivy

直接写固定的值不会报错。

jishuang

那就是拼接的json格式不正确
把拼接的格式输出看看

ivyaiivy

应该是对的。因为列也已经添加上了。只是中会一直有一个“处理中”；然后之前的错。

jishuang

把.w和js文件发一下看看

ivyaiivy

for (var int = 20; int < dates; int++) {
                        jsonObj={"sName":int,"xid":int,"sTitle":int};
                        jsonArry.push(jsonObj);
                }
已找到问题，因为int是数字，所以报错了。我改成别的就没问题了。谢谢。

ivyaiivy

jishuang 发表于 2017-11-30 17:37
把.w和js文件发一下看看

另一个问题，我把列都添加好了。如何让它新增一行数据的时候，放入input框，让用户输入呢。

jishuang

dataTables本来就是不可编辑的组件

ivyaiivy

jishuang 发表于 2017-12-1 09:15
dataTables本来就是不可编辑的组件

啊？我的需求是创建列，然后添加行后，能输入信息，然后建表，存数据库，有可行的办法吗