Nov 17, 2010, 9:41 AM
GridPanel full width
Hi,
I am using a grid panel and I'd like to know how to get the rows of the panel to become full width. I've attached a screenshot which illustrates what I want.
Is there a property that can do this? I've tried the Width property but to no avail. Here is the code taht I'm using:
I am using a grid panel and I'd like to know how to get the rows of the panel to become full width. I've attached a screenshot which illustrates what I want.
Is there a property that can do this? I've tried the Width property but to no avail. Here is the code taht I'm using:
<asp:Content ID="Main" ContentPlaceHolderID="MainContent" runat="server">
<ext:Store
ID="dsUnitsOfMeasure"
runat="server">
<Proxy>
<ext:HttpProxy Url="/InventoryHome/GetUnitsOfMeasure/" />
</Proxy>
<UpdateProxy>
<ext:HttpWriteProxy Url="/InventoryHome/SaveUnitsOfMeasure/" />
</UpdateProxy>
<Reader>
<ext:JsonReader IDProperty="Id" Root="data">
<Fields>
<ext:RecordField Name="Id" />
<ext:RecordField Name="Code" />
<ext:RecordField Name="Description" />
<ext:RecordField Name="IsInteger" />
<ext:RecordField Name="Company" />
<ext:RecordField Name="RowVersion" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Viewport ID="Viewport1" runat="server" Layout="fit">
<Items>
<ext:GridPanel
ID="GridPanelUnits"
runat="server"
Header="false"
Border="false"
TrackMouseOver="true"
StoreID="dsUnitsOfMeasure">
<ColumnModel ID="ColumnModel1" runat="server" Width="1000">
<Columns>
<ext:Column DataIndex="Code" Header="Code">
<Editor>
<ext:TextField ID="code" runat="server" IsRemoteValidation="true">
<RemoteValidation Url="/InventoryHome/UnitValidate" ShowBusy="false" />
</ext:TextField>
</Editor>
</ext:Column>
<ext:Column DataIndex="Description" Header="Description">
<Editor>
<ext:TextField ID="description" runat="server" />
</Editor>
</ext:Column>
<ext:CheckColumn DataIndex="IsInteger" Header="Is Integer" Editable="true"/>
</Columns>
</ColumnModel>
<Plugins>
<ext:RowEditor ID="RowEditor1" runat="server" SaveText="Update" />
<ext:GridFilters runat="server" ID="GridFilters1" Local="true">
<Filters>
<ext:StringFilter DataIndex="Code" />
<ext:StringFilter DataIndex="Description" />
<ext:BooleanFilter DataIndex="IsInteger" />
</Filters>
</ext:GridFilters>
</Plugins>
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="15" />
</BottomBar>
<LoadMask ShowMask="true" />
<SaveMask ShowMask="true" />
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" SingleSelect="false" runat="server">
<Listeners>
<RowSelect Handler="#{btnDelete}.enable();" />
<RowDeselect Handler="if (!#{GridPanelUnits}.hasSelection()) {#{btnDelete}.disable();}" />
</Listeners>
</ext:RowSelectionModel>
</SelectionModel>
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="add_button" runat="server" Text="Add">
<Listeners>
<Click Handler="var rowIndex = #{GridPanelUnits}.addRecord();
#{GridPanelUnits}.store.data.items[rowIndex].data.Company = null;
#{GridPanelUnits}.store.data.items[rowIndex].data.IsInteger = false;
#{GridPanelUnits}.getView().focusRow(rowIndex);
#{GridPanelUnits}.startEditing(rowIndex, 0);" />
</Listeners>
</ext:Button>
<ext:Button ID="btnDelete" runat="server" Text="Delete" Icon="Delete" Disabled="true">
<Listeners>
<Click Handler="#{GridPanelUnits}.deleteSelected();if (!#{GridPanelUnits}.hasSelection()) {#{btnDelete}.disable();}" />
</Listeners>
</ext:Button>
<ext:Button ID="Button3" runat="server" Text="Save" Icon="Disk">
<Listeners>
<Click Handler="#{GridPanelUnits}.save();" />
</Listeners>
</ext:Button>
<ext:Button ID="Button5" runat="server" Text="Reject Changes" Icon="ArrowUndo">
<Listeners>
<Click Handler="#{dsUnitsOfMeasure}.rejectChanges();if (!#{GridPanelUnits}.hasSelection()) {#{btnDelete}.disable();}" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
</ext:GridPanel>
</Items>
</ext:Viewport>
</asp:Content>
David