javascript – 如何让用户确认ExtJs中的组合框更改事件？

我的extjs应用程序中有一个组合,我想显示’你是吗？
当然？’如果用户说不,则向用户确认窗口并防止更改.

由于JavaScript的确认框是同步的,因此它可以正常工作.但是使用Ext JS,会显示确认消息,我的其余代码将在用户响应之前执行.这是我的代码：

// JavaScript confirm Box
{
    xtype: 'combo',...
    ...
    ...
    listeners: {
        beforeselect: function(combo,record,index ) {
            if(confirm('Are you sure ?') == false)
            {
                 return false; // prevent combo from changing
            }
            // else continue
        }
    }
}
// Ext JS message Box (to confirm)
{
    xtype: 'combo',index ) {
            Ext.Msg.show({
                title: 'Warning',msg: 'Are You Sure ?',buttons: Ext.Msg.YESNO,fn: function(btn) {
                    if (btn == 'yes') {
                        // continue and set new value on combo
                    }
                    else if (btn == 'no') {
                        // prevent combo from changing
                    }
                }
            });
        }
    }
}

问题是Ext.Msg.show获得了一个回调函数,并没有等待用户回答,我们无法阻止组合框更改.

我该怎么办？

解决方法

为了取消组合框更改,beforeSelect侦听器需要返回false.我的建议是：

beforeselect: function(combo,index ) {
  Ext.Msg.show({
    title: 'Warning',fn: function(btn) {
      if (btn == 'yes') {

        // Here we have to manually set the combo value
        // since the original select event was cancelled
        combo.setValue( /* whatever value was selected */ );
      }

      else if (btn == 'no') {

        // Don't do anything because the select event was already cancelled
      }
    }
  });

  // Cancel the default action
  return false;
}

ExtJS Modal不像本机对话框那样暂停脚本的执行,这意味着beforeSelect侦听器在用户操作之前返回.此代码的工作方式是立即停止select事件,并显示对话框.当用户选择“是”时,则在回调函数中以编程方式设置组合上的值.

原文链接：https://www.f2er.com/js/150254.html

javascript – 如何让用户确认ExtJs中的组合框更改事件？

解决方法

猜你在找的JavaScript相关文章