如何增加带点击事件的组件

暗夜的忧伤

如何增加带点击事件的组件，比如popMenu的菜单项下面的代码可以增加菜单项，但是没有点击事件

1. for ( var i = 0; i < 4; i++) {
   
2.                         var txt = $("<li class='x-menu-item' xid='item1'><a component='$UI/system/components/justep/button/button' bind-click='buttonClick' class='btn btn-link' label='button' xid='button" + i
   
3.                                         + "'><i xid='i" + i + "'></i><span xid='span" + i + "'>button"+i+"</span></a> </li>");
   
4.                         justep.Bind.addNodes(me.getElementByXid("menu1"), txt);

复制代码

zhaixin

增加一个带事件的组件的案例

在contents中新增一个content，再增加一个div，再增加一个button
                var newContent = this.comp('contents1').add({});

增加一个div标签

                var div = $("<div data-bind='click:aaa'>新的页面</div>");
                justep.Bind.addNodes(newContent.domNode, div);

增加一个x5组件

                this.button = new Button({
                                label : '新按钮'
                });               
                this.button.on('onClick', function(event) {
                        alert('bbbb');
                }, this);
                justep.Component.addComponent(newContent.domNode, this.button);

div的click事件调用的aaa方法
        Model.prototype.aaa = function(){
                alert('aaa');
        };


增加一段新闻
        Model.prototype.button4Click = function(event){
                var currContent = this.comp('content1');
                var div = $("<div data-bind='click:aaa'></div>");
                div.html("<font color='red'>新闻</font>");
        justep.Bind.addNodes(currContent.domNode, div);
        };       
    Model.prototype.aaa = function(){
        alert('aaa');
};

暗夜的忧伤

zhaixin 发表于 2015-3-5 11:01
增加一个带事件的组件的案例

在contents中新增一个content，再增加一个div，再增加一个button

这个可以，如果是有多层的组件，怎么做呢，就像popMenu的菜单项

zhaixin

popMenu没有提供动态设置菜单项的能力

暗夜的忧伤

zhaixin 发表于 2015-3-5 14:43
popMenu没有提供动态设置菜单项的能力

结贴吧，多谢

xiaowaixia

popMenu  里的按钮隐藏和显示怎么不好根据登录状态动态控制呢？