EXTJS4 中的链接组合框

Posted

技术标签:

【中文标题】EXTJS4 中的链接组合框【英文标题】:Linked Combobox in EXTJS4 【发布时间】:2012-08-09 08:34:04 【问题描述】:

我正在尝试使用 EXTjs4 创建一个链接的组合框,我正在考虑使用静态数组数据源。我查看了 sencha 网站上的示例,但找不到任何示例。谢谢

【问题讨论】:

linked combobox 是什么意思,具体问题是什么? 说我有 2 个组合框。如果我在组合框 1 中选择项目 1,则应选择组合框 2 的项目 1。 (或相应的项目)。 嗯,您可以直接使用商店(例如在doc's example usage 中,也可以提供带有two-dimensional array 的组合。还有什么需要帮助的吗? 我知道二维数组,但我正在寻找一个示例,使用侦听器根据第一个组合框的选择填充第二个组合框 【参考方案1】:

我过去做过类似的事情。我有两个组合框——一个显示员工(valueField:EmployeeID),另一个显示经理(valueField:EmployeeID)。当用户选择一个员工时,另一个组合框会自动显示该员工的经理。这是我用的:

var EmployeesComboBox = Ext.create('Ext.form.ComboBox', 
    listeners:
         'select': function(cbo, records) 
              // set the value of the other combo box to the selected employee ID
              Ext.getCmp('id_of_2nd_combo_box').setValue(records[0].data.EmployeeID);
          
    
);

【讨论】:

以上是关于EXTJS4 中的链接组合框的主要内容,如果未能解决你的问题,请参考以下文章

如何在 extjs4.1 中水平对齐组合框

ExtJS4:如何在文本框、组合框等旁边显示验证错误消息

ExtJS 4.1:如何在组合框中设置预选项目?

ExtJS 4.1.x - 里面有一个组合框的选择器

ExtJS 4.1 - 编辑单元格时消失的选择(组合框编辑器)

如何链接多个组合框表中的两个组合框?