Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Grid > Rearrange Grid Fields in Edit Mode

• kasi

  Posted on Jun 20, 2011 (permalink)

  Hi ,
  
  I am facing one issue in rag grid. In My Grid I am Displaying Fields Like Designation , Dept , Divison , But i want to rearrange the Fiedls in Edit/Add Mode in the Following Order Divison , Dept ,Designation, I m using EditItemTemplate In the Grid, I can be use Edit Form Settings to display as i need in edit/add mode.but i want to display in the edit item template it self.  I also Tried with  EditFormCoulmnIndex , Its Not working. Can any one give me the good solution for this issue.

   

• Princy MVP

  Posted on Jun 20, 2011 (permalink)

  Hello Kasi,
  
  I was unable to reproduce the issue locally and setting EditFormIndex property worked as expected at my end. Check out the following demo and make a double check with your code.
  Grid / Edit Form with Multiple Columns.
  
  Thanks,
  Princy.

• kasi

  Posted on Jun 21, 2011 (permalink)

  Hi Princy,
  Thanks For your Reply.
  One more doubt,  Is Possible to Rearrange the rows in Edit Form. Example In Which you given in the demo link, can we arrange Last name in the First row and First name in the Second row. Is any property available in Rad Grid?

• Princy MVP

  Posted on Jun 21, 2011 (permalink)

  Hello Kasi,
  
  You can achieve this bysetting EditFormColumnIndex. You can set the EditFormColumnIndex to same value for the fields which should come in same column (different rows). Also set the ColumnNumber under EditFormSettings accordingly.
  
  Thanks,
  Princy.

• kasi

  Posted on Jun 21, 2011 (permalink)

  Hi Princy,
  
  I am using the Properties by your suggestions.  Please see my code below and attached my page . I want Disignation,Dept, Dept section, One by one row. But when i diplaying the grid list it should be same like in below column order

  <telerik:GridTemplateColumn EditFormColumnIndex="0" DataField="Designation" HeaderText="Designation Name"

        SortExpression="Designation">

   <ItemTemplate>

     <asp:Label runat="server" ID="lblDesignationName" Text='<%# Eval("Designation") %>'></asp:Label>

    </ItemTemplate>

  <EditItemTemplate>

    <asp:TextBox runat="server" ID="txtDesignationName" Width="150px" Text='<%# Bind("Designation") >'></asp:TextBox>

  <asp:RequiredFieldValidator ID="RFVDesignationName" ControlToValidate="txtDesignationName"

                                             ErrorMessage="*" Display="Dynamic" runat="server">

                                         </asp:RequiredFieldValidator>

                                     </EditItemTemplate>

                                     <HeaderStyle Width="15%" HorizontalAlign="Center" />

                                 </telerik:GridTemplateColumn>

                                 <telerik:GridTemplateColumn DataField="LocaleText" EditFormColumnIndex="1" HeaderText="Locale Text"

                                     SortExpression="LocaleText">

                                     <ItemTemplate>

                                         <asp:Label runat="server" ID="lblLocaleText" Text='<%# Eval("LocaleText") %>'></asp:Label>

                                     </ItemTemplate>

                                     <EditItemTemplate>

                                         <asp:TextBox runat="server" ID="txtLocaleText" Width="150px" Text='<%# Bind("LocaleText") %>'></asp:TextBox>

                                     </EditItemTemplate>

                                     <HeaderStyle Width="10%" HorizontalAlign="Center" />

                                     <ItemStyle HorizontalAlign="Center" />

                                 </telerik:GridTemplateColumn>

                                 <telerik:GridTemplateColumn DataField="DeptSectionID" DefaultInsertValue="" EditFormColumnIndex="1"

                                     HeaderText="Department Section" UniqueName="DeptSectionID" SortExpression="DeptSectionID">

                                     <EditItemTemplate>

                                         <asp:DropDownList ID="ddlsDepartment" runat="server" DataSourceID="DepartmentObjectDataSource"

                                             DataTextField="DeptName" DataValueField="DeptID" Width="180px" SelectedValue='<%# Bind("DeptID") %>'>

                                         </asp:DropDownList>

                                         <asp:RequiredFieldValidator ID="ReqValSDepartment" ControlToValidate="ddlsDepartment"

                                             ErrorMessage="*" runat="server">

                                         </asp:RequiredFieldValidator>

                                     </EditItemTemplate>

                                     <ItemTemplate>

                                         <asp:Label ID="lblDeptSectionDesc" runat="server" Text='<%# Eval("DeptSectionDesc") %>'></asp:Label>

                                     </ItemTemplate>

                                     <HeaderStyle Width="13%" HorizontalAlign="Center" />

                                 </telerik:GridTemplateColumn>

                                 <telerik:GridTemplateColumn DataField="DepartmentID" EditFormColumnIndex="0" DefaultInsertValue=""

                                     HeaderText="Department" UniqueName="DepartmentID" SortExpression="Department">

                                     <EditItemTemplate>

                                         <asp:DropDownList ID="ddlDepartment" runat="server" DataSourceID="DepartmentObjectDataSource"

                                             DataTextField="DeptName" DataValueField="DeptID" Width="180px" SelectedValue='<%# Bind("DeptID") %>'>

                                         </asp:DropDownList>

                                         <asp:RequiredFieldValidator ID="ReqValDepartment" ControlToValidate="ddlDepartment"

                                             ErrorMessage="*" runat="server">

                                         </asp:RequiredFieldValidator>

                                     </EditItemTemplate>

                                     <ItemTemplate>

                                         <asp:Label ID="lblDepartment" runat="server" Text='<%# Eval("DeptName") %>'></asp:Label>

                                     </ItemTemplate>

                                     <HeaderStyle Width="15%" HorizontalAlign="Center" />

                                 </telerik:GridTemplateColumn>

                                 <telerik:GridTemplateColumn DataField="DivisionID" EditFormColumnIndex="2" DefaultInsertValue=""

                                     HeaderText="Division" UniqueName="DivisionID" SortExpression="DivisionID">

                                     <EditItemTemplate>

                                         <asp:DropDownList ID="ddldivDepartment" runat="server" DataSourceID="DepartmentObjectDataSource"

                                             DataTextField="DeptName" DataValueField="DeptID" Width="200px" SelectedValue='<%# Bind("DeptID") %>'>

                                         </asp:DropDownList>

                                         <asp:RequiredFieldValidator ID="ReqValDivDepartment" ControlToValidate="ddldivDepartment"

                                             ErrorMessage="*" runat="server">

                                         </asp:RequiredFieldValidator>

                                     </EditItemTemplate>

                                     <ItemTemplate>

                                         <asp:Label ID="lblDivisionDesc" runat="server" Text='<%# Eval("DivisionDesc") %>'></asp:Label>

                                     </ItemTemplate>

                                     <HeaderStyle Width="13%" HorizontalAlign="Center" />

                                 </telerik:GridTemplateColumn>

                                 <telerik:GridCheckBoxColumn DataField="ShowInMaintenance" Display="true" EditFormColumnIndex="2"

                                     ColumnEditorID="ShowInMaintenance" UniqueName="ShowInMaintenance" HeaderText="Show In Maintenance"

                                     DefaultInsertValue="true">

                                     <HeaderStyle Width="7%" HorizontalAlign="Center" />

                                     <ItemStyle HorizontalAlign="Center" />

                                 </telerik:GridCheckBoxColumn>

                                 <telerik:GridCheckBoxColumn DataField="IsReportAvailable" EditFormColumnIndex="0"

                                     Display="true" ColumnEditorID="IsReportAvailable" UniqueName="IsReportAvailable"

                                     AllowFiltering="true" HeaderText="Is Report Available" DefaultInsertValue="true">

                                     <HeaderStyle Width="5%" HorizontalAlign="Center" />

                                     <ItemStyle HorizontalAlign="Center" />

                                 </telerik:GridCheckBoxColumn>

                                 <telerik:GridCheckBoxColumn DataField="IsFormAvailable" Display="true" EditFormColumnIndex="1"

                                     ColumnEditorID="IsFormAvailable" UniqueName="IsFormAvailable" AllowFiltering="true"

                                     HeaderText="Is Form Available" DefaultInsertValue="true">

                                     <HeaderStyle Width="5%" HorizontalAlign="Center" />

                                     <ItemStyle HorizontalAlign="Center" />

                                 </telerik:GridCheckBoxColumn>

                                 <telerik:GridTemplateColumn HeaderText="User Info" AllowFiltering="false" ItemStyle-HorizontalAlign="Center">

                                     <ItemTemplate>

                                         <asp:Image ID="img1" runat="server" ImageUrl="~/images/info.jpg" Width="15px" Height="15px" />

                                         <telerik:RadToolTip ID="Rtt2" runat="server" TargetControlID="img1" Height="70px"

                                             Width="200px">

                                             <div style="text-align: left">

                                                 Created By    : <%#Eval("CreatedBy") %><br />

                                                 Created On   : <%#Eval("CreatedDateTime") %><br />

                                                 Modified By  : <%#Eval("LastModifiedBy") %><br />

                                                 Modified On : <%#Eval("LastModifiedDateTime") %>

                                             </div>

                                         </telerik:RadToolTip>

                                     </ItemTemplate>

                                     <HeaderStyle Width="4%" HorizontalAlign="Center" />

                                 </telerik:GridTemplateColumn>

                                 <%--Delete Link field--%>

                                 <telerik:GridButtonColumn ConfirmText="Delete this Department?" ConfirmTitle="Delete"

                                     HeaderStyle-Width="5%" Text="Delete" ConfirmDialogType="RadWindow" CommandName="Delete"

                                     UniqueName="DeleteColumn">

                                     <HeaderStyle Width="5%" HorizontalAlign="Center" />

                                     <ItemStyle HorizontalAlign="Center" />

                                 </telerik:GridButtonColumn>

                             </Columns>

                             <EditFormSettings ColumnNumber="3" CaptionDataField="Designation" CaptionFormatString="Edit properties of Designation : {0}">

                                 <FormCaptionStyle ForeColor="#0066cc" Font-Size="Medium"></FormCaptionStyle>

                                 <FormStyle Width="100%" BackColor="#eef2ea"></FormStyle>

                                 <FormTableItemStyle Wrap="False"></FormTableItemStyle>

                                 <FormMainTableStyle GridLines="None" CellSpacing="5" CellPadding="5" BorderWidth="0px"

                                     Width="100%" />

                             </EditFormSettings>

  Attached files

  • My-page.JPG

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Grid > Rearrange Grid Fields in Edit Mode