Jun 14, 2010, 2:37 PM
To set fixed width for a column in GridPanel??
I have a gridPanel that I m creating semi dynamically.
This is the static code of it:
The first column in from left (Search Button ) how can I set it to a fixed width?
The below should work right but it doesnt everytime the 1st column width changes?
Why is that happening
Thanks
<%-- ----------- GridPanel1 Begin ------------- --%>
<ext:GridPanel ID="GridPanel1" runat="server" Border="true" StoreID="Store1" Visible="true"
StripeRows="true" Title="RDR Dev : No Table Selected" Width="800" AutoHeight="true"
AutoWidth="true" EnableViewState="false" AutoExpandColumn="searchColumn" AutoExpandMax="25"
AutoExpandMin="25">
<LoadMask ShowMask="false" Msg="Loading..." />
<ColumnModel ID="ctl25" Height="600px">
<Columns>
<ext:CommandColumn Width="35" ColumnID="searchColumn">
<Commands>
<ext:GridCommand Icon="NoteEdit" CommandName="Edit" StandOut="true">
<ToolTip Text="Edit" />
</ext:GridCommand>
</Commands>
</ext:CommandColumn>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />
</SelectionModel>
<BottomBar>
<ext:PagingToolbar PageSize="25" ID="pagingToolbar" runat="server" Visible="true">
</ext:PagingToolbar>
</BottomBar>
<AjaxEvents>
<Command OnEvent="GetRowValues" Failure="Ext.MessageBox.alert('An error has occurred', '');">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="={#{GridPanel1}.body}" />
<ExtraParams>
<ext:Parameter Name="Values" Value="Ext.util.Format.htmlEncode(Ext.encode(#{Gri dPanel1}.getRowsValues()))"
Mode="Raw" />
</ExtraParams>
</Command>
<CellClick OnEvent="GetRowValues" Failure="Ext.MessageBox.alert('An error has occurred', '');">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="={#{GridPanel1}.body}" />
<ExtraParams>
<ext:Parameter Name="Values" Value="Ext.util.Format.htmlEncode(Ext.encode(#{Gri dPanel1}.getRowsValues()))"
Mode="Raw" />
</ExtraParams>
</CellClick>
</AjaxEvents>
<View>
<ext:GridView ID="GridView1" SplitHandleWidth="5" runat="server" ScrollOffset="0"
ForceFit="true" EnableViewState="false">
<HeaderRows>
<ext:HeaderRow>
<Columns>
<ext:HeaderColumn AutoWidthCorrection="5" AutoWidthElement="false">
<Component>
<ext:Button ID="btnSearchInGrid" Text="Search" IDMode="Static" runat="server" EnableViewState="false"
Visible="false">
<AjaxEvents>
<Click OnEvent="btnSearch_Click" Failure="Ext.MessageBox.alert(Ext.encode(result ) , 'Error during ajax event!');">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="={#{GridPanel1}.body}" />
</Click>
</AjaxEvents>
</ext:Button>
</Component>
</ext:HeaderColumn>
</Columns>
</ext:HeaderRow>
</HeaderRows>
<GetRowClass Handler="" FormatHandler="False"></GetRowClass>
</ext:GridView>
</View>
</ext:GridPanel>
<%---------------------GridPanel1 End---------------------- --%>
This is the static code of it:
The first column in from left (Search Button ) how can I set it to a fixed width?
The below should work right but it doesnt everytime the 1st column width changes?
Why is that happening
Thanks
<%-- ----------- GridPanel1 Begin ------------- --%>
<ext:GridPanel ID="GridPanel1" runat="server" Border="true" StoreID="Store1" Visible="true"
StripeRows="true" Title="RDR Dev : No Table Selected" Width="800" AutoHeight="true"
AutoWidth="true" EnableViewState="false" AutoExpandColumn="searchColumn" AutoExpandMax="25"
AutoExpandMin="25">
<LoadMask ShowMask="false" Msg="Loading..." />
<ColumnModel ID="ctl25" Height="600px">
<Columns>
<ext:CommandColumn Width="35" ColumnID="searchColumn">
<Commands>
<ext:GridCommand Icon="NoteEdit" CommandName="Edit" StandOut="true">
<ToolTip Text="Edit" />
</ext:GridCommand>
</Commands>
</ext:CommandColumn>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />
</SelectionModel>
<BottomBar>
<ext:PagingToolbar PageSize="25" ID="pagingToolbar" runat="server" Visible="true">
</ext:PagingToolbar>
</BottomBar>
<AjaxEvents>
<Command OnEvent="GetRowValues" Failure="Ext.MessageBox.alert('An error has occurred', '');">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="={#{GridPanel1}.body}" />
<ExtraParams>
<ext:Parameter Name="Values" Value="Ext.util.Format.htmlEncode(Ext.encode(#{Gri dPanel1}.getRowsValues()))"
Mode="Raw" />
</ExtraParams>
</Command>
<CellClick OnEvent="GetRowValues" Failure="Ext.MessageBox.alert('An error has occurred', '');">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="={#{GridPanel1}.body}" />
<ExtraParams>
<ext:Parameter Name="Values" Value="Ext.util.Format.htmlEncode(Ext.encode(#{Gri dPanel1}.getRowsValues()))"
Mode="Raw" />
</ExtraParams>
</CellClick>
</AjaxEvents>
<View>
<ext:GridView ID="GridView1" SplitHandleWidth="5" runat="server" ScrollOffset="0"
ForceFit="true" EnableViewState="false">
<HeaderRows>
<ext:HeaderRow>
<Columns>
<ext:HeaderColumn AutoWidthCorrection="5" AutoWidthElement="false">
<Component>
<ext:Button ID="btnSearchInGrid" Text="Search" IDMode="Static" runat="server" EnableViewState="false"
Visible="false">
<AjaxEvents>
<Click OnEvent="btnSearch_Click" Failure="Ext.MessageBox.alert(Ext.encode(result ) , 'Error during ajax event!');">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="={#{GridPanel1}.body}" />
</Click>
</AjaxEvents>
</ext:Button>
</Component>
</ext:HeaderColumn>
</Columns>
</ext:HeaderRow>
</HeaderRows>
<GetRowClass Handler="" FormatHandler="False"></GetRowClass>
</ext:GridView>
</View>
</ext:GridPanel>
<%---------------------GridPanel1 End---------------------- --%>