动态加载input控件功能故障

longfei457

问题是:源码的input可以选择日期，动态添加之后就选择不了日期了。

input源码：

1. <input component="$UI/system/components/justep/input/input"
   
2.                     class="iInput" xid="jgsj0" format="yyyy-MM-dd" dataType="Date"
   
3.                     style="text-align:center"/>

复制代码

tr源码：

1. "<tr xid='fwxx" + trxid + "'><input component='$UI/system/components/justep/input/input' class='iInput' xid='jgsj' format='yyyy-MM-dd' dataType='Date' style='text-align:center'/></tr>"

复制代码

tr添加源码：

1. $("tr[xid='fwxx']").after(tr);

复制代码

尝试解决方法：new一个input

1. var inputs = new Input({
   
2.                  // component : '$UI/system/components/justep/input/input',
   
3.                  class : "iInput",
   
4.                  xid : "jgsj" + ye,
   
5.                  style : "text-align:center",
   
6.                  /*
   
7.                  * 'data-config':{ dataType : "Date", format : "yyyy-MM-dd" },
   
8.                  */
   
9.                  autoComplete : false
   
10.                  });

复制代码

然后把new出来的input放进tr中

1. var jgsjtr = $("td[xid='jgsjtr']");
   
2.                  justep.Component.addComponent(jgsjtr, inputs);

复制代码

问题也还是没有解决，请问此问题如何解决

jishuang

var inputs = new Input({
                 // component : '$UI/system/components/justep/input/input',
                 class : "iInput",
                 xid : "jgsj" + ye,
                 style : "text-align:center",
                 dataType : "Date",
                 
                 autoComplete : false
                 });

longfei457

jishuang 发表于 2019-10-8 10:14
var inputs = new Input({
                 // component : '$UI/system/components/justep/input/input', ...

这个也早就试过了，也是不行的。我用浏览器调试的时候看到跟这个dataType的属性好像就没加进去这个input，好像这个控件没有编译过一样

jishuang

        Model.prototype.button6Click = function(event) {
                var parentNode = this.getElementByXid("content2");
                var option = {
                        parentNode : parentNode,
                        xid : 'input2',
                        dataType : 'Date',
                        placeHolder : '请输入'
                };
                new input(option);
        };

本地测试没问题

longfei457

jishuang 发表于 2019-10-8 16:41
Model.prototype.button6Click = function(event) {
                var parentNode = this.getElementByXid("content2" ...

var jgsjtr = $("td[xid='jgsjtr" + ye + "']");//能获取到
var parentNode = this.getElementByXid("jgsjtr" + ye);//null
因为这个td是我动态添加上去的，所以直接用xid获取不到。。。
var option = {
                        parentNode : jgsjtr,
                        xid : "jgsj" + ye,
                        dataType : 'Date',
                        placeHolder : '请输入'
                };
                new Input(option);
改成这样之后 跟上面的效果一样没有效果

jishuang

动态添加要确认是否添加成功了，设置dataType肯定是没问题的

longfei457

jishuang 发表于 2019-10-8 17:28
动态添加要确认是否添加成功了，设置dataType肯定是没问题的

动态添加是成功的，dataType也设置了 就是没有效果

jishuang

直接在页面中放一个div，把input创建到div中看看

longfei457

jishuang 发表于 2019-10-8 17:38
直接在页面中放一个div，把input创建到div中看看

页面里面添加可以的

jishuang

如果动态创建到页面的div中可以那就应该给创建组件时设置的父节点有关