动态创建行列下的组件事件无效问题

test07

window下面拖拉一个panel的组件
<div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"
    xid="panel1">
    <div class="x-panel-top" xid="top1"/>  
    <div class="x-panel-content" xid="content1"/>  
    <div class="x-panel-bottom" xid="bottom1"/>
  </div>

想动态的在top1下面创建一个一行+一列。   在列里面放置LabelEdit组件，LabelEdit里面放一个label和一个input。目前创建后发现input的事件无法触发
代码如下：

Model.prototype.modelParamsReceive = function(event){

                var top=this.getElementByXid("top1");
               
                var rowDiv=$('<div component="$UI/system/components/justep/row/row" class="x-row"/>');
                justep.Bind.addNodes(top, rowDiv);
               
                var colDiv=$('<div class="x-col"/>');
                justep.Bind.addNodes(rowDiv, colDiv);

                var option = {
                                parentNode : colDiv,
                                'class' : "x-label-edit x-label30"
                            };
                            
            var labelEdit = new LabelEdit(option);
               
            var labeldiv = $('<label class="x-label"/>');
            justep.Bind.addNodes(labelEdit.domNode, labeldiv);
            justep.Bind.addNodes(labeldiv, "用户编码");
            
            var inputDiv = $('<div class="x-edit"></div>');
            justep.Bind.addNodes(labelEdit.domNode, inputDiv);
               
            var inputField=$('>.x-edit', labelEdit.domNode);
            
                option = {
                         parentNode : inputField,
                        'class' : "form-control x-edit"
                    };
                    
                var input =new Input(option);
                 
                input.on("onblur", function(){
                        console.log("测试.................");
                        alert("测试.................");
                        debugger
                });
        };

经调试，目录结构和预想的一致。但是事件都是无法触发，换成放置button的点击事件也无法触发。求大神指教

jishuang

事件名大小写要跟平台组件中显示的一样

test07

事件名没错啊，把input挂在window下面就可以正常的触发事件。就是放在列下面的时候就触发不了了

option = {
                                xid : "query",
                        parentNode :inputField,
                        'class' : "btn btn-default",
                       //   'bind-click':"queryClick",
                        icon:'glyphicon glyphicon-search',   
                        label:'查询'
                    };
                    
                var queryButton=new Button(option);
                queryButton.on("onClick",function(evt){//注册事件
                        console.log("xxxxxxxxxxx");
                });

换成按钮这种常规写法，一样的触发不了

jishuang

一样的，F12打开浏览器的开发人员调试工具看看组件上的事件有吗？

onBlur不是onblur

test07

换成onBlur还是不行，调试看代码  没有事件相关的东西。   不知道怎么加事件。
  换成'bind-focus':"blurEvent"    源码会变成
<input class="form-control x-edit cRvea6v" component="$model/UI2/system/components/justep/input/input"
                                        data-bind="component:{name:'$model/UI2/system/components/justep/input/input'},
                                        event:{focusmodel._callModelFn.bind($model, 'blurEvent')}" __cid="cRvea6v">

但是还是触发不了。不知道该如何写了

jishuang

你好楼主，这个问题需要我在本地环境进行问题重现，所以会花费较长时间，请你耐心等待，我完成后会第一时间反馈结果，谢谢！

test07

感谢你的指点   问题原因找到了  ，对组件添加方法理解不够导致的问题

justep.Bind.addNodes(element元素, inputDiv);