[CLOSED] Problem Creating Dynamic Header column for filter

[legaldiscovery]

I need to create dynamic Header column from server side
I tried,but it seems not rendering the gridview

Aspx code

  <ext:GridPanel ID="GridView1" runat="server" Layout="fit" StripeRows="true" AutoWidth="true">
                        <Store>
                            <ext:Store ID="GridView1_DataStore" runat="server" AutoDecode="true" SerializationMode="Simple"
                                AutoDataBind="true" AutoLoad="true" AutoDestroy="true">
                                <Reader>
                                    <ext:JsonReader IDProperty="StudentId" AutoDataBind="true">
                                        <Fields>
                                            <ext:RecordField Name="StudentId" Type="Auto" />
                                            <ext:RecordField Name="Name" Type="Auto" />
                                            
                                        </Fields>
                                    </ext:JsonReader>
                                </Reader>
                            </ext:Store>
                        </Store>
                        <ColumnModel ID="ColumnModel1" runat="server" AutoDataBind="true" DefaultSortable="false">
                            <Columns>
                                
                                <ext:Column ColumnID="StudentId" Header="Student ID" DataIndex="StudentId"
                                    Width="300" Tooltip="Click here to Sort">
                                </ext:Column>
                                <ext:Column ColumnID="Name" Header=Name" DataIndex="Name" Tooltip="Click here to Sort">
                                </ext:Column>
                             
                            </Columns>
                           
                        </ColumnModel>
                        <View>
                            <ext:GridView ID="GridView2" runat="server" AutoFill="true" EmptyText="No records Found">
                                                                           
                            </ext:GridView>
                        </View>
                                           
                          <TopBar>
                            <ext:Toolbar ID="Pagetoolbar" runat="server">
                                <Items>
                                     <ext:ComboBox runat="server" ID="Combo1" Width="50" AutoWidth="true" Editable="false">
                                     <Items>
                                        <ext:ListItem Text="Dynamic" />
                                        </Items>    
                                    <DirectEvents>
                                            <Select OnEvent="Createdynamicheader">
                                                <EventMask ShowMask="true" Target="CustomTarget" CustomTarget="dgvGridView" Msg="Loading..." />
                                            </Select>
                                        </DirectEvents>
                                    </ext:ComboBox>
                                    
                                </Items>
                            </ext:Toolbar>
                        </TopBar>
                    </ext:GridPanel>

Server side code

protected sub Createdynamicheader(Byval sender as object,Byval e as DirectEventArgs)

 Dim Headercolumn1 As New Ext.Net.HeaderColumn
                        Headercolumn1.Cls = "x-small-editor"
                        Dim CmpTriggerField As New Ext.Net.TriggerField
                        CmpTriggerField.ID = "TriggerField1"
                        CmpTriggerField.TriggerIcon = TriggerIcon.Search
                        Headercolumn1.Component.Add(CmpTriggerField)
                        GridView1.GetView().HeaderRows(0).Columns.Add(Headercolumn1)


End Sub

i tried using GridView1.GetView().refresh(),GridView1.GetView(). update() but its not working and no header column is created

Please help me

[Daniil]

Hi,

It's not supported without re-rendering a whole GridPanel.

I can suggest this way to try:

1. Set up all HeaderColumn you need within the markup
2. Set up Hidden="true" for respective ones
3. Set .Hidden to false server side.

But I'm not sure it will work fine. Please test.

[legaldiscovery]

Hi Daniil

Thanks for your support

I have tried re-rendering the grid.But its not supporting

What i am doing is that i am creating Dynamic columns from server side,So with it i also want to create Dynamic header column

As Suggested by you to create on markup side and set hidden to true and again set hidden to false on server side,But as i am creating Dynamic column too,So this will also not work for me

So is there any way so create it from client side

Create Header column from client side

[Vladimir]

Hi,

I have tried re-rendering the grid.But its not supporting

Ext.Net supports rerendering. Please show how you try rerender the grid

[legaldiscovery]

I am using Grid.render() to re-render the gird

[Vladimir]

Please post sample which can be run localy on our side

[legaldiscovery]

<ext:GridPanel ID="GridView1" runat="server" Layout="fit" StripeRows="true" AutoWidth="true">
                      <Store>
                          <ext:Store ID="GridView1_DataStore" runat="server" AutoDecode="true" SerializationMode="Simple"
                              AutoDataBind="true" AutoLoad="true" AutoDestroy="true">
                              <Reader>
                                  <ext:JsonReader IDProperty="StudentId" AutoDataBind="true">
                                      <Fields>
                                          <ext:RecordField Name="StudentId" Type="Auto" />
                                          <ext:RecordField Name="Name" Type="Auto" />
                                           
                                      </Fields>
                                  </ext:JsonReader>
                              </Reader>
                          </ext:Store>
                      </Store>
                      <ColumnModel ID="ColumnModel1" runat="server" AutoDataBind="true" DefaultSortable="false">
                          <Columns>
                               
                              <ext:Column ColumnID="StudentId" Header="Student ID" DataIndex="StudentId"
                                  Width="300" Tooltip="Click here to Sort">
                              </ext:Column>
                              <ext:Column ColumnID="Name" Header=Name" DataIndex="Name" Tooltip="Click here to Sort">
                              </ext:Column>
                            
                          </Columns>
                          
                      </ColumnModel>
                      <View>
                          <ext:GridView ID="GridView2" runat="server" AutoFill="true" EmptyText="No records Found">
                                                                          
                          </ext:GridView>
                      </View>
                                          
                        <TopBar>
                          <ext:Toolbar ID="Pagetoolbar" runat="server">
                              <Items>
                                   <ext:ComboBox runat="server" ID="Combo1" Width="50" AutoWidth="true" Editable="false">
                                   <Items>
                                      <ext:ListItem Text="Dynamic" />
                                      </Items>    
                                  <DirectEvents>
                                          <Select OnEvent="Createdynamicheader">
                                              <EventMask ShowMask="true" Target="CustomTarget" CustomTarget="dgvGridView" Msg="Loading..." />
                                          </Select>
                                      </DirectEvents>
                                  </ext:ComboBox>
                                   
                              </Items>
                          </ext:Toolbar>
                      </TopBar>
                  </ext:GridPanel>

server side code

 

protected sub Createdynamicheader(Byval sender as object,Byval e as DirectEventArgs)
 
                  GridView1.GetStore().AddField(New RecordField(STD))
                        Dim oCol As New Column()
                        oCol.DataIndex = STD
                        oCol.Header = STD
                        oCol.Tooltip = "Click here to Sort
                       
                       Dim Headercolumn1 As New Ext.Net.HeaderColumn
                        Headercolumn1.Cls = "x-small-editor"
                        Dim CmpTriggerField As New Ext.Net.TriggerField
                        CmpTriggerField.ID = "TriggerField1"
                        CmpTriggerField.TriggerIcon = TriggerIcon.Search
                        Headercolumn1.Component.Add(CmpTriggerField)
                        GridView1.GetView().HeaderRows(0).Columns.Add(Headercolumn1)

                       GridView1.ColumnModel.Columns.Add(oCol)
                       GridView1.render()

 
 
End Sub

I used GridView1.render(),But its giving error,And when i use GridView1.reconfigure then only Dynamic Column is created but not Dynamic Header column

[Vladimir]

Hi,

You have to rerender GridPanel (not GridView)
Also HeaderColumn must be added for each grid's column (in other words, you have to add the same amount of HeaderColumn as columns in the grid)

[legaldiscovery]

My GridPanel ID is GridView1,
So i am using gridview1.Render()
but it is giving some javascript error like -> (":")

[Vladimir]

Hi,

I don't see Render calling in your sample
Please post the sample which can be run locally without any changes