javascript - 将绑定(bind)分配给键(keyMap)

Question

我正在尝试将 key 绑定(bind)到某些组件。我的问题是，只有最后一个组件才会绑定(bind)一个 key 。例如:

switch(element.id) {
        case "menu-1193":
            this.keyNav = new Ext.util.KeyMap({
                target: element.id,
                binding: [{
                     key: "l", 
                     shift: true,
                     fn: function() {
                     alert("It works");                                          
                },                                   
                key: "t",
                fn: function() {
                    alert("yet again");
                }
            }]
        });         
        break;

上面的按键绑定(bind)仅适用于最后一个按键绑定(bind)，即此处的按键“t”。键“l”不起作用或被绑定(bind)。

因此，如果我再添加一个键绑定(bind)，那么键 t 将不再起作用，但新的绑定(bind)键将起作用。例如

switch(element.id) {
        case "menu-1193":
            this.keyNav = new Ext.util.KeyMap({
                target: element.id,
                binding: [{
                     key: "l", 
                     shift: true,
                     fn: function() {
                     alert("It works");                                          
                },                                   
                key: "t",
                fn: function() {
                    alert("yet again");
                },
                key: "i",
                fn: function() {
                    alert("yet again");
                }
            }]
        });         
        break;

        case: "menu-1194"
        ...

这里键“i”被绑定(bind)并起作用，但键“t”不再起作用。我该怎么办呢？我从这里的答案中得到了灵感:how to create shortcut keys in extjs

但是我有一个特殊情况，我有一个下拉列表，我需要将键绑定(bind)到下拉列表中的子项

Answer 1

那是因为你缺少右括号。您应该使用更好的格式和 LINTing，这很容易发现。

switch (element.id) {
  case "menu-1193":
    this.keyNav = new Ext.util.KeyMap({
      target: element.id,
      binding: [{
        key: "l",
        shift: true,
        fn: function() {
          alert("It works");
        }
      } /* <-- THIS WAS MISSING */ , { /* <-- AND THIS */
        key: "t",
        fn: function() {
          alert("yet again");
        }
      }]
    });
    break;