如何调用MODEL 中的方法

wangjb

inde.w 页面中有个元素  span   ,我对其进行了数据绑定，
如                     <span xid="span9" bind-visible=' !!(val("atta"))' bind-html='$model.getImgURL( val("atta"))'/>

        //  获取上传图片的URL
        Model.prototype.getImgURL = function(fFJ) {
                if (fFJ && fFJ != '[]') {
                        var ownerID;
                        if (window.user && window.user.userID) {
                                ownerID = userID;
                        } else {
                                ownerID = "undefined";
                        }

                        var jsonList = eval("(" + fFJ + ")");

                        var html = "";
                        if (jsonList !== undefined) {
                                for (var i = 0; i < jsonList.length; i++) {
                                        var realFileName = encodeURIComponent(jsonList[i]["realFileName"]);
                                        var storeFileName = jsonList[i]["storeFileName"];
                                        var operateType = "browse";
                                        var url = '$UI/system/service/doc/common/simpleFileStore.j?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType='
                                                        + operateType;
                                        url = require.toUrl(url);
                                        var ss = "clickmodel.attPreview(" + realFileName + "," + storeFileName + "," + ownerID + ")";

                                        html += '<img     data-bind="' + ss + '"                   src="' + url + '"  style="height:70px;width:70px;margin-left:2px;" />';

                                }

                                return html;

                        }
                }
        };



        Model.prototype.attPreview = function(realFileName, storeFileName, userID) {
               
                var ownerID = object.getOwnerID();

                var ownerID;
                if (!!userID) {

                        ownerID = userID;
                } else {
                        ownerID = "undefined";
                }

                var operateType = "browse";

                var url = '$UI/system/service/doc/common/simpleFileStore.j?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;
                fileApi.browse(url);
        };



当页面打开后，IMG   图片显示出来了，我想点击图片  执行模型中的方法 Model.prototype.attPreview ，可是无法执行，是不是在  方法  getImgURL  中对  img  的数据绑定没起到作用，那怎样绑定才能调用  model  中的方法呢？

liangyongfei

动态添加的html 片段 如果想使用点击事件  ，请参考
http://doc.wex5.com/comp-base/#2.2

必须调用API
justep.Bind.addNodes
才可以！

bind-html 无法绑定 model上的方法 只能自己 使用onClick 属性 ，或者 动态注册点击事件才可以！

wangjb

liangyongfei 发表于 2018-3-26 15:43
动态添加的html 片段 如果想使用点击事件  ，请参考
http://doc.wex5.com/comp-base/#2.2

不好意思，我还是看不明白上面的意思，请说具体点帮我实现我需求：就是在页面上的某个节点，比如某个列节点（col-），我需要动态添加几个图片节点（img），点击图片执行  model  中的  attPreview  方法，该方法需要传递三个参数.
Model.prototype.attPreview = function(realFileName, storeFileName, userID) {


...}

liangyongfei

wangjb 发表于 2018-3-26 20:41
不好意思，我还是看不明白上面的意思，请说具体点帮我实现我需求：就是在页面上的某个节点，比如某个列节 ...

请参考：
http://doc.wex5.com/comp-base/#2.2

1. var div = $("
   
2. <div data-bind='click:attPreview' realFileName='1' storeFileName='2' userID='3'>这里是你的HTML源码</div>
   
3. 
   
4. ");
   
5. var col = this.getElemenByXid('colXid');
   
6.     justep.Bind.addNodes(col, div);
   
7.    
   
8.     //div的click事件调用的divClick方法
   
9.     Model.prototype.attPreview= function(event){
   
10.         alert('单击事件');  点击事件中  ，通过 event.currentTarget获取dom对象  自定义属性，实现逻辑
    
11.     };

复制代码

http://docs.wex5.com/wex5-ui-question-list-2067/