[CLOSED] Filter Header and Combo boxes

[vmehta]

Hello,

I am using Filter Header to filter my grid data as in this example - : https://examples2.ext.net/#/GridPane...ader/Overview/
This does not seem to work on combo boxes. Any suggestions?

[Daniil]

Hi @vmehta,

You should use a Column's HeaderItems, like that:

<ext:Column runat="server" Text="Size" DataIndex="Size">
    <HeaderItems>
        <ext:ComboBox runat="server">
            <Items>
                <ext:ListItem Text="small" />
                <ext:ListItem Text="large" />
            </Items>
        </ext:ComboBox>
    </HeaderItems>
</ext:Column>

[vmehta]

I am using a editable grid.

 <ext:Column ID="Column4" runat="server" Text="Topic" DataIndex="TopicID" >
                <Renderer Fn="topicValues" />                
<Editor>  
  <ext:ComboBox ID="ComboBox1" runat="server" StoreID="StoreCombo" DisplayField="TopicName"
   ValueField="TopicID" />
                </Editor>            
</ext:Column>

[Daniil]

Thanks for sharing that.

[vmehta]

Is there a way to implement it to combo boxes?

[Daniil]

Is there a way to implement it to combo boxes?

Please clarify to implement what? If you put the code that I posted earlier into the FilterHeader example that you mentioned, you will see a ComboBox filter for the Size column. Is that not what you need? If so, please clarify your requirement. It is not clear.

[vmehta]

I did this.

 <ext:Column ID="Column3" runat="server" Text="Topic" DataIndex="TopicID">
                 <Renderer Fn="topicValues" />
                <HeaderItems>
                    <ext:ComboBox ID="ComboBox2" runat="server" StoreID="StoreCombo" DisplayField="TopicName"
                        ValueField="TopicID">
                    </ext:ComboBox>
                </HeaderItems>
            </ext:Column>

but I am using a editable grid

<ext:Column ID="Column4" runat="server" Text="Topic" DataIndex="TopicID" >
                <Renderer Fn="topicValues" />
                <Editor>
                    <ext:ComboBox ID="ComboBox1" runat="server" StoreID="StoreCombo" DisplayField="TopicName"
                        ValueField="TopicID" Editable="false">
                    </ext:ComboBox>
                </Editor>
            </ext:Column>

Please let me know how I can implement it in this

[Daniil]

Do you mean that this combination doesn't work?

<ext:Column>
    <Renderer ... />
    <Editor>...</Editor>
    <HeaderItems>...</HeaderItems>
</ext:Column>

[vmehta]

There is no <Headertems> in <Editor>

[vmehta]

I did this.

<ext:Column ID="Column4" runat="server" Text="Topic" DataIndex="TopicID">
                <Renderer Fn="topicValues" />
                <Editor>
                    <ext:ComboBox ID="ComboBox1" runat="server" StoreID="StoreCombo" DisplayField="TopicName"
                        ValueField="TopicID" Editable="false">
                    </ext:ComboBox>
                </Editor>
                <HeaderItems>
                    <ext:ComboBox ID="ComboBox2" runat="server" StoreID="StoreCombo" DisplayField="TopicName"
                        ValueField="TopicID"/>
                </HeaderItems>
            </ext:Column>

and I got the filter combo box. But when I choose a value it gives this error 'Object doesn't support property or method 'split''. Any idea?