Feb 15, 2012, 6:42 AM
I want to change Grid Date column dynamically?
I have GirdPanel with Two date columns "FromDate" and "ToDate". Initially values are store from Database.
Below the Grid I have two DateField Controls - From Date and To Date. If I change the date value in this control. I want to update values to Grid Panel Date columns respectively.
Below the Grid I have two DateField Controls - From Date and To Date. If I change the date value in this control. I want to update values to Grid Panel Date columns respectively.
<table width="90%" align="center" border="1" cellspacing="5" cellpadding="1">
<tr>
<td colspan="6" width="100%" style="width:auto; height:auto; padding-bottom:5px" >
<ext:Store ID="gvNewspaperStoreId" runat="server">
<AutoLoadParams>
<ext:Parameter Name="start" Value="0" Mode="Raw" />
<ext:Parameter Name="limit" Value="10" Mode="Raw" />
</AutoLoadParams>
<Reader>
<ext:JsonReader IDProperty="MFMaterialId">
<Fields>
<ext:RecordField Name="MFMaterialId" />
<ext:RecordField Name="SequenceOrderNo" />
<ext:RecordField Name="MFMaterialName" />
<ext:RecordField Name="BidNo" />
<ext:RecordField Name="MFMaterialType" />
<ext:RecordField Name="FromDate"></ext:RecordField>
<ext:RecordField Name="ToDate"></ext:RecordField>
<ext:RecordField Name="NoofDays"></ext:RecordField>
<ext:RecordField Name="Remarks"></ext:RecordField>
<ext:RecordField Name="Mastercopy"></ext:RecordField>
<ext:RecordField Name="DDUP"></ext:RecordField>
<ext:RecordField Name="DUP"></ext:RecordField>
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:GridPanel
ID="gvNewspaper"
runat="server" StoreID="gvNewspaperStoreId" Hidden="true" Height="300" AutoWidth="true">
<Listeners>
<KeyDown Fn="startEditing" />
<%--<AfterEdit Fn="afterEdit" />--%>
<AfterEdit Fn="ComputeDate" />
</Listeners>
<ColumnModel runat="server">
<Columns>
<ext:Column DataIndex="SequenceOrderNo" Header="Sn" Width="30px"></ext:Column>
<ext:Column DataIndex="MFMaterialName" Header="Titles" Width="180" />
<ext:Column DataIndex="FromDate" Header="From Date">
<Editor>
<ext:DateField ID="gvNwdtFromDate" runat="server" Format="dd/MM/yyyy" Vtype="daterange">
<CustomConfig>
<ext:ConfigItem Name="endDateField" Value="#{gvNwdtToDate}" Mode="Value"></ext:ConfigItem>
</CustomConfig>
</ext:DateField>
</Editor>
</ext:Column>
<ext:Column DataIndex="ToDate" Header="To Date">
<Editor>
<ext:DateField ID="gvNwdtToDate" runat="server" Format="dd/MM/yyyy" Vtype="daterange">
<CustomConfig>
<ext:ConfigItem Name="startDateField" Value="#{gvNwdtFromDate}" Mode="Value"></ext:ConfigItem>
</CustomConfig>
</ext:DateField>
</Editor>
</ext:Column>
<ext:Column ColumnID="gvNoofDays" DataIndex="NoofDays" Header="#Days" Width="50">
<Editor>
<ext:NumberField ID="gvtxtNwNoOfDays" runat="server" Width="50" Enabled="false" ReadOnly="true"></ext:NumberField>
</Editor>
</ext:Column>
<ext:Column DataIndex="Remarks" Header="Remarks" Width="260">
<Editor>
<ext:TextField ID="gvtxtNwRemarks" runat="server"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column DataIndex="Mastercopy" Header="Master" Width="50">
<Editor>
<ext:NumberField ID="gvtxtNwMaster" runat="server" Width="50"></ext:NumberField>
</Editor>
</ext:Column>
<ext:Column DataIndex="DDUP" Header="DDUP" Width="50">
<Editor>
<ext:NumberField ID="gvtxtNwDDUP" runat="server" Width="50"></ext:NumberField>
</Editor>
</ext:Column>
<ext:Column DataIndex="DUP" Header="DUP" Width="50">
<Editor>
<ext:NumberField ID="gvtxtNwDUP" runat="server" Width="50"></ext:NumberField>
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:CheckboxSelectionModel runat="server"></ext:CheckboxSelectionModel>
</SelectionModel>
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="10" />
</BottomBar>
</ext:GridPanel>
</td>
</tr>
</table>
<table width="100%" cellspacing="3">
<tr>
<td width="380px" valign="middle">
<ext:FieldSet ID="FieldSet1" runat="server" Title="Assign Date for Selected Items">
<Content>
<table width="100%" style="vertical-align:middle" cellspacing="3" cellpadding="2">
<tr>
<td valign="middle"><ext:Label ID="lblFromDate" Text="From Date :" runat="server"></ext:Label></TD>
<td>
<ext:DateField ID="dtFromaDate" runat="server" Vtype="daterange" Format="dd/MM/yyyy">
<CustomConfig>
<ext:ConfigItem Name="endDateField" Value="#{dtToDate}" Mode="Value"></ext:ConfigItem>
</CustomConfig>
</ext:DateField>
</td>
<td valign="middle">
<ext:Label ID="lblToDate" Text="To Date :" runat="server"></ext:Label></TD>
<td>
<Listeners>
<Change Fn ="Datediff" />
<%--<Change Handler="Ext.net.DirectMethods.Datediff();" />--%>
</Listeners>
<CustomConfig>
<ext:ConfigItem Name="startDateField" Value="#{dtFromaDate}" Mode="Value"></ext:ConfigItem>
</CustomConfig>
</ext:DateField>
</td>
</tr>
</table>
</Content>
</ext:FieldSet>
</td>
</tr>
</table>
Last edited by Daniil; Feb 15, 2012 at 9:15 AM.
Reason: Please use [CODE] tags