时间戳

首页 > 解决方案 > 在 ext 7 版本的组合框中搜索单词不起作用

search - 在 ext 7 版本的组合框中搜索单词不起作用

问题描述

我在 EXT 版本 7 代码中有一个组合框。我将可编辑配置设为 true。我的代码如下。此代码类似于 sencha 文档中的代码。我刚刚将可编辑配置更改为 true 。当我们在文本字段中键入任何内容时，它会附加随机字符并且搜索不会按预期工作。这是 Ext 7 的错误吗？我无法弄清楚。其他人是否也面临类似的事情？

Ext.create({
 fullscreen: true,
 xtype: 'container',
 padding: 50,
 layout: 'vbox',
 items: [{
     xtype: 'combobox',
     label: 'Choose State',
     queryMode: 'local',
     displayField: 'name',
     valueField: 'abbr',

     // For the dropdown list
     itemTpl: '<span role="option" class="x-boundlist-item">{abbr} - {name}</span>',

     // For the content of the text field
     displayTpl: '{abbr} - {name}',

     editable: true,

     store: [
         { abbr: 'AL', name: 'Alabama' },
         { abbr: 'AK', name: 'Alaska' },
         { abbr: 'AZ', name: 'Arizona' }
     ]
 }]

});```

标签： searchcomboboxx-editableextjs7

解决方案

我对现代工具包中的组合框组件有同样的问题。我在 Ext JS 版本 6.5 中尝试了相同的设置并发生了相同的错误。

我现在发现的唯一解决方法是不使用displayTpl配置。然后它按预期工作。

编辑：

我对 ext-modern-all 进行了一些调试，并找到了解决方案。如果您希望能够编辑输入字段以及使用displayTpl您必须设置的forceSelection: true. 否则，它会将您的条目视为新记录，并且会发生此错误。（https://docs.sencha.com/extjs/7.0.0/modern/Ext.field.ComboBox.html）

我希望这有帮助。

推荐阅读