如何在Ext.js中的表标题内实现下拉按钮

时间:2019-05-23 13:43:18

标签: javascript extjs

一个月以来,我开始使用Ext.Js 4,创建各种小部件。现在,我想为列标题实现一个下拉选项。

这可以基于诸如ColorPicker之类的东西 https://docs.sencha.com/extjs/4.2.1/#!/api/Ext.menu.ColorPicker

我的代码像此img一样创建一个网格面板

enter image description here

True

我正在尝试为用户提供一种选择特定类型的“来源”的可能性。像过滤器一样,用户具有预定义的选项,可以选择而不输入。

我应该如何在其中定义一个下拉列表

df['C'] = (df.A.str.extractall('(\d+)')[0]
               .unstack()
               .astype(float)
               .eq(df.B,0)
               .any(axis=1)
               .astype(int))
print (df)

              A    B  C
0        me 123  123  1
1        me-123  123  1
2          1234  123  0
3         me 12  123  0
4        123 me    6  0
5  6 you 123-me  123  1

1 个答案:

答案 0 :(得分:0)

您放置在列中的所有项目都放置在标题中。没有任何样式的简单示例:

columns = [
    {
        header: 'Source',
        items: [
            {
                xtype: 'button',
                text: 'Options',
                menu: {
                    items: [
                        {
                            text: 'Item1'
                        },
                        {
                            text: 'Item2'
                        },
                    ]
                }
            }
        ]
    },
]