attachmentSimple图片轮播后无法删除

1451680250

将attachmentSimple组件  <div class="x-attachment-item x-item-other"  xid="div10"  data-bind="click：$model.previewOrRemoveItem.bind($model),style:{backgroundImage：($model.previewPicture.bind($model,$object))()}">
改data-bind="style:{backgroundImage：($model.previewPicture.bind($model,$object))()}" ,给这个div添加单击事件可以弹框实现图片轮播，替换了组件自带的previewOrRemoveItem预览图片的方法，这样的话，点击 减号-红叉，图无法删除，而是弹框变为查看图片了，有没有封装的删除图片的方法？
         

jishuang

给这个div添加单击事件可以弹框实现图片轮播具体怎么添加的，如果不要平台默认的点击图片的实现，可以调用自己的，不要在div上添加
参考http://docs.wex5.com/bex5-ui-question-list-10175/

1451680250

当前界面自定义方法体代码：var mainData  = this.comp("mainData");
            var imgs = mainData.getValue("fComplaintPic", mainData.getCurrentRow());
            this.comp("winImgDlg1").open({data:{"imgs":imgs,"fid":mainData.getCurrentRowID()}});
弹框后用carousel组件实现轮播，查看图片这个没问题， 就是删除不了图片

jishuang

删除是在attachmentSimple组件上操作的，跟弹出没关系

1451680250

现在将attachmentSimple组件 修改成了 <div class="x-attachment-item x-item-other"  xid="div10"  
data-bind="click：$model.getModel().preview.bind($model.getModel(),$model,$object),style：{backgroundImage：($model.previewPicture.bind($model,$object))()}">
Model.prototype.preview = function(owner,event) {//debugger;
                var realFileName = event.realFileName.get();
                var storeFileName = event.storeFileName.get();
        //        if(owner.$state.latestValue == "remove"){//删除图片
                         //怎样删除当前点击的图片        
        //        }else{//轮播查看图片
                        var mainData  = this.comp("mainData");
                    var imgs = mainData.getValue("fComplaintPic", mainData.getCurrentRow());
                    this.comp("winImgDlg1").open({data:{"imgs":imgs,"fid":mainData.getCurrentRowID()}});
        //        }
}；

情况1：有加减号时，可正常弹框查看图片，如图1.1
情况2：点击减号后，点击红叉,还是弹框查看图片图1.1，删除不了图片****

jishuang

参考

1.         Model.prototype.preview = function(owner,event) {
   
2.                 var state = owner.$state.get();
   
3.                 var realFileName = event.realFileName.get();
   
4.                 var storeFileName = event.storeFileName.get();
   
5.                 var ownerID = owner.getOwnerID();
   
6.                 var operateType = 'browse';
   
7.                 var url = '$UI/system/service/doc/common/simpleFileStore.j?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;
   
8.                 if(state == 'remove'){
   
9.                         owner.deleteFile(storeFileName,ownerID)
   
10.                 }
    
11.                 else{
    
12.                         window.open(require.toUrl(url));
    
13.                 }
    
14.         }

复制代码

1451680250

万分感谢， owner.deleteFile(storeFileName,ownerID)要的就是这句代码，因为不了解平台封装的删图片的方法，不知道调哪个
可以结贴了

jishuang

不同的问题请分开发帖

div绑定click事件直接用on方法

1.                 $(this.getElementByXid("div20")).on('click',function(event){
   
2.                   //自己的click事件代码
   
3.                 });

复制代码

1451680250

jishuang 发表于 2017-3-8 16:29
不同的问题请分开发帖

div绑定click事件直接用on方法

$(this.getElementByXid("div34")).bind("click", null, owner.previewOrRemoveItem(event));
这样也可以删除图片

gus

1451680250 发表于 2017-3-8 14:20
现在将attachmentSimple组件 修改成了
Model.prototype.preview = function(owner,event) {//debugger;
   ...

请问黄色部分的click是怎么修改的？