Question

我们正在使用骨干动态表单。我有一个文本字段，点击该字段，弹出一个弹出窗口。这是我的功能。

但是，双击该字段屏幕变得褪色，无法回头。必须再次打开新窗口才能工作。

该解决方案必须支持任何浏览器，主要是Chrome，Firefox，IE

Answer 1

使用计数变量我们可以解决这个问题。只需按照以下步骤操作：
1.将计数变量初始化为0 2.如果count为0，则仅触发查找事件
3.在点击字段上将计数变量设为1，这将触发事件以显示查找
4.在接近查找面板上再次将计数设为0.

示例代码：

## MainFormView.js ##
count:0, 
initialize: function (options) {this.count = 0;},
events: {
    'click #lookupId': 'showLookup'
},
showLookup: function (e) {
    e.stopPropagation();
    if(this.count == 0){
        this.count = 1;
        this.trigger("show:list");
    }
}

### LookupView.js ###
lookupView: null,
initialize: function (options) {
    this.lookupView= options.renderedFormView;
},
closePanel: function() {
    this.lookupView.count = 0;
}

## MainController.js ##
mainFormView.on("show:list", function () {
    var lookupView = new LookupView({
        model: staffList,
        renderedFormView: mainFormView
    });
});

双击图标，弹出窗口和后退屏幕都变得褪色

1 个答案: