动态创建组件报错

windloss

采用动态创建组件的方法，想在页面创建一个video的组件
代码如下
var video = $("<video src=\"http://doc.wex5.com/wp-content/uploads/2016/04/2.mp4\"/>");
var newContent = this.comp("contents2").add({});
justep.Bind.addNodes(newContent.domNode, video);
结果再add的地方报错，说Cannot read property 'add' of null
页面已经存在一个叫contents2的contents组件了。

然后觉得这个地方add其实就是相当于新建 一个content，对代码进行了如下修改
                var video = $("<video src=\"http://doc.wex5.com/wp-content/uploads/2016/04/2.mp4\"/>");
//                var newContent = this.comp("contents2").add();
                justep.Bind.addNodes(this.getElementByXid("content1").domNode, video);
页面存在一个content1的content组件，但是这个修改完成后 ，报 Cannot read property 'domNode' of null

然后觉得通过byxid已经拿到这个地方了，就把代码改成了如下
                var video = $("<video src=\"http://doc.wex5.com/wp-content/uploads/2016/04/2.mp4\"/>");
//                var newContent = this.comp("contents2").add();
                justep.Bind.addNodes(this.getElementByXid("content1"), video);
结果报错“添加子节点时，父节点不允许为空”

H5新手不会写语句，采用提供的这个也时各种出错，请各位看下，我应该如何修改才能增加一个视频控件再页面上

闰土

进过几次修改，感觉，你是使用这个中方式动弹添加的话，还是用JQuery 中的方法。你在前面直接把他定义成一个字符串 然后用 $(this.getElementByXid("content1")).html(video) 直接这样进去，是不是更简单些

windloss

闰土 发表于 2016-10-21 13:58
进过几次修改，感觉，你是使用这个中方式动弹添加的话，还是用JQuery 中的方法。你在前面直接把他定义成一 ...

额  因为新手不太会JQuery的方法，您这个$语句我应该添加在什么地方呢

闰土

1. 
   
2. var video = "<video src="http://doc.wex5.com/wp-content/uploads/2016/04/2.mp4"/>";
   
3. $(this.getElementByXid("content1")).html(video)  //就是把video 直接放到content1 中
   

复制代码

windloss

闰土 发表于 2016-10-21 15:49

好的 我今天测试一下，谢谢

windloss

闰土 发表于 2016-10-21 15:49

        var Model = function(){
                this.callParent();
                var video = "<video src=\"http://doc.wex5.com/wp-content/uploads/2016/04/2.mp4\"/>";
                $(this.getElementByXid("content1")).html(video);
               
        };

我想进入页面就加载，按照这个写了以后，并没有在页面展示出来，还是有什么地方写得不对么

liangyongfei

参考 ： http://doc.wex5.com/comp-base/#2.2
正确的写法应该是
     var video = $("<video src=\"http://doc.wex5.com/wp-content/uploads/2016/04/2.mp4\"/>");
//                var newContent = this.comp("contents2").add();
                justep.Bind.addNodes(newContent.domNode, video);

windloss

liangyongfei 发表于 2016-10-22 11:10
参考 ： http://doc.wex5.com/comp-base/#2.2
正确的写法应该是
     var video = $("");

    var newContent = this.comp('contents1').add({});

    var div = $("
<div data-bind='click:divClick'>新的页面</div>

");
    justep.Bind.addNodes(newContent.domNode, div);
   
    //div的click事件调用的divClick方法
    Model.prototype.divClick = function(){
        alert('单击事件');
    };

在您提供的这个页面里面，newContent这个组件的时候add里面有大括号啊

windloss

liangyongfei 发表于 2016-10-22 11:10
参考 ： http://doc.wex5.com/comp-base/#2.2
正确的写法应该是
     var video = $("");

按照这个写法的话，执行的时候报错
unable to get property 'add' of undefined or null reference