This is a migrated thread and some comments may be shown as answers.

find textbox control in edititemtemplate inside detail table

4 Answers 444 Views

Grid

This is a migrated thread and some comments may be shown as answers.

zel asked on 23 Sep 2010, 03:47 AM

Hi Everyone,

I am really stuck on how to find a text box control in edit item template after clicking a custom command item inside detail table.

requirement:
- after clicking "Edit" command item in detail table named "Detail2", show the text box "tbVisitSortOrder"

Please check my aspx code below.

<DetailTables>

<rad:GridTableView Name="Detail2" DataKeyNames="cp_id" DataMember="visit" CommandItemDisplay="Top" EditMode="InPlace" Width="100%">

<CommandItemTemplate>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td style="width:60%">

<div style="padding:3px 4px 3px 4px">

<table border="0" cellpadding="1" cellspacing="1">

<tr style="font: normal 11px tahoma, Verdana, Helvetica, Sans-serif;vertical-align:middle">

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

<asp:LinkButton ID="btnAdd" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="InitInsert"><img style="border:0px" alt="" src="../images/addemail.gif" /> Add</asp:LinkButton>

<asp:LinkButton ID="lnkPerformInsert" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="PerformInsert" Visible="false"><img style="border:0px" alt="" src="../images/save.gif" /> Save</asp:LinkButton>

</td>

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

<asp:LinkButton ID="btnEditSelected" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="EditSelected" ><img style="border:0px" alt="" src="../images/edit.gif" /> Edit</asp:LinkButton>

<asp:LinkButton ID="btnUpdateEdited" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="Update" Visible="false"><img style="border:0px" alt="" src="../images/save.gif" /> Save</asp:LinkButton>

<asp:LinkButton ID="btnCancel" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="CancelAll" Visible="false" CausesValidation="false"><img style="border:0px" alt="" src="../images/cancel.gif" /> Cancel</asp:LinkButton>

</td>

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

<asp:LinkButton ID="btnDelete" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="Delete" OnClientClick="javascript:return confirm('Are you sure you want to delete this Clinical Pathway Instruction?')" ><img style="border:0px" alt="" src="../images/delete.gif" /> Delete</asp:LinkButton>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</CommandItemTemplate>

<DetailTables>

<rad:GridTableView Name="Detail3" DataKeyNames="cpi_id" DataMember="instruction" CommandItemDisplay="Top" EditMode="InPlace" Width="100%">

<CommandItemTemplate>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td style="width:60%">

<div style="padding:3px 4px 3px 4px">

<table border="0" cellpadding="1" cellspacing="1">

<tr style="font: normal 11px tahoma, Verdana, Helvetica, Sans-serif;vertical-align:middle">

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

<asp:LinkButton ID="btnAdd" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="InitInsert" ><img style="border:0px" alt="" src="../images/addemail.gif" /> Add</asp:LinkButton>

</td>

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

</td>

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</CommandItemTemplate>

<Columns>

<rad:GridBoundColumn DataField="cpi_id" HeaderText="CPI_ID" UniqueName="CPI_ID" Visible="false"></rad:GridBoundColumn>

<rad:GridBoundColumn DataField="instructions" HeaderText="instructions" UniqueName="instructions" Visible="false"></rad:GridBoundColumn>

<rad:GridTemplateColumn HeaderText="Instructions" UniqueName="instructions" DataField="instructions">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "instructions")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="tbIns" runat="server" Text='<%# Bind( "instructions") %>' width="100%" TabIndex="1" TextMode="MultiLine" Rows="4"></asp:TextBox>

<asp:RequiredFieldValidator ID="descValidator" Runat="server" Display="Dynamic" ControlToValidate="tbIns" ErrorMessage="* Required Field">

</asp:RequiredFieldValidator>

</EditItemTemplate>

<HeaderStyle Width="90%" />

</rad:GridTemplateColumn>

<rad:GridTemplateColumn HeaderText="Sort Order" UniqueName="sortorder" DataField="sortorder">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "sortorder")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="tbSortOrder" runat="server" Text='<%# Bind( "sortorder") %>' width="30px" TabIndex="2"></asp:TextBox>

<asp:RequiredFieldValidator ID="descValidator2" Runat="server" Display="Dynamic" ControlToValidate="tbSortOrder" ErrorMessage="* Required Field">

</asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" Display="Dynamic" ControlToValidate="tbSortOrder" ErrorMessage="Please enter a valid sort order number." ValidationExpression="^\d+$"></asp:RegularExpressionValidator>

</EditItemTemplate>

</rad:GridTemplateColumn>

</Columns>

</rad:GridTableView>

</DetailTables>

<Columns>

<rad:GridBoundColumn DataField="cp_id" HeaderText="CP_ID" UniqueName="CP_ID" Visible="false"></rad:GridBoundColumn>

<rad:GridBoundColumn DataField="VisitFrequency" HeaderText="VisitFrequency" UniqueName="VisitFrequency" Visible="false"></rad:GridBoundColumn>

<rad:GridClientSelectColumn UniqueName="ClientSelectColumnDetail1"></rad:GridClientSelectColumn>

<rad:GridTemplateColumn HeaderText="Visit Frequency" UniqueName="VisitFrequency" DataField="VisitFrequency">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "VisitFrequency")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="tbVisit" runat="server" Text='<%# Bind( "VisitFrequency") %>' width="100%" TabIndex="1" ></asp:TextBox>

<asp:RequiredFieldValidator ID="descValidator" Runat="server" Display="Dynamic" ControlToValidate="tbVisit" ErrorMessage="* Required Field">

</asp:RequiredFieldValidator>

</EditItemTemplate>

<HeaderStyle Width="80%" />

</rad:GridTemplateColumn>

<rad:GridTemplateColumn HeaderText="Sort Order" UniqueName="Sortorder" DataField="Sortorder">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "Sortorder")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="tbVisitSortOrder" runat="server" Text='<%# Bind( "Sortorder") %>' width="30px" TabIndex="2" Visible="false"></asp:TextBox>

<asp:RequiredFieldValidator ID="descValidator2" Runat="server" Display="Dynamic" ControlToValidate="tbVisitSortOrder" ErrorMessage="* Required Field" >

</asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" Display="Dynamic" ControlToValidate="tbVisitSortOrder" ErrorMessage="Please enter a valid sort order number." ValidationExpression="^\d+$"></asp:RegularExpressionValidator>

</EditItemTemplate>

</rad:GridTemplateColumn>

</Columns>

</rad:GridTableView>

</DetailTables>

server side code:

an error will occur "Unable to cast object of type 'Telerik.WebControls.GridCommandItem' to type 'Telerik.WebControls.GridDataItem'." in this line, GridDataItem item = (GridDataItem)e.Item;

protected void MasterGrid_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item.OwnerTableView.Name == "Detail2" && CommandState == "editselected")

{

GridDataItem item = (GridDataItem)e.Item;

TextBox txtBox = (TextBox)item["Sortorder"].FindControl("tbVisitSortOrder");

txtBox.Visible = true;

}

Please help, any response would really be appreciated.

Thanks!
Lyzel

4 Answers, 1 is accepted

Accepted

answered on 23 Sep 2010, 05:42 AM

Hello Lyzel,

You need to get reference to corresponding DetailTable row (check for the TableView Name) and then use the FindControl() method to access the control placed inside that. Here is the code for described scenario.

C#:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridEditableItem && e.Item.IsInEditMode && e.Item.OwnerTableView.Name == "Detail2")

{

GridEditableItem editItem = (GridEditableItem)e.Item;

TextBox txt = (TextBox)editItem.FindControl("tbVisitSortOrder");

// txt.Visible = true;

}

Thanks,
Princy.

answered on 23 Sep 2010, 06:40 AM

Thanks Princy!

I have another problem, the "detail2" detail table allow to edit multiple rows.

How can i check if row is selected for edit?
How to get the data key value of selected row?

Below is my code.

if (e.CommandName == "Update")

{
GridCommandItem cmditem = (GridCommandItem)e.Item;
GridTableView tableView = (GridTableView)cmditem.NamingContainer.Parent;

foreach (GridDataItem item in tableView.Items)

{

int cpid = Convert.ToInt32(item.SavedOldValues["cp_id"]);

TextBox txtVisitFreq = (TextBox)item.FindControl("tbVisit");

TextBox txtVisitSortOrder = (TextBox)item.FindControl("tbVisitSortOrder");

UpdateVisitFreq(cpid, txtVisitFreq.Text, Convert.ToInt32(txtVisitSortOrder.Text));

item.Edit = false;

tableView.Rebind();

}

Regards,
Lyzel

Accepted

answered on 24 Sep 2010, 08:50 AM

Hello Lyzel,

You can try the following method to get the value of edited row.

C#:

protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)

{

if (e.CommandName == "Update")

{

if (e.Item.OwnerTableView.Name == "Detail2")

{

GridTableView table = (GridTableView)e.Item.OwnerTableView;

foreach( GridEditableItem editItem in table.GetItems(GridItemType.EditItem) )// loops through all edited rows

{

string dataKeyValue = item.GetDataKeyValue("cp_id").ToString(); // getting DataKeyValue of edited rows

// your code

}

Thanks,
Princy.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

find textbox control in edititemtemplate inside detail table

4 Answers, 1 is accepted