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

How to fire click event using a button in nestedviewtemplate inside a grid

5 Answers 717 Views

Grid

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

Abdul asked on 06 Jun 2013, 09:56 PM

I am evaluating Telerik component for a project and I am running into some issue that I hope someone could assist me with.

I have a button inside a nestedviewtemplate which is embedded inside a grid control. I have populated the grid with my data using the OnNeedDataSource property, I was also able to get detailed records on the ListView, however, I needed to perform an update to some tables when a button inside the nestedviewtemplate is clicked.

I could not find the button inside the click event. Also, I do not know how to wire the click event to my button since it cannot be referenced. I have my codes attached.

I will appreciate any assistance while I continue to search the forum for possible prior solution to this type of question

ASPX Codes:
===========

<telerik:RadGrid ID="grdExtrUntReq"  runat="server" AllowPaging="True" CellSpacing="0" CssClass="RadGridSearch" GridLines="None" OnNeedDataSource="grdExtrUntReq_NeedDataSource" PageSize="10"> <MasterTableView AutoGenerateColumns="False"> <NoRecordsTemplate> No records </NoRecordsTemplate> <RowIndicatorColumn Visible="True"> <HeaderStyle Width="20px"></HeaderStyle> </RowIndicatorColumn> <ExpandCollapseColumn Visible="True"> <HeaderStyle Width="20px"></HeaderStyle> </ExpandCollapseColumn> <Columns> <telerik:GridTemplateColumn DataField="personid" HeaderText="ID" UniqueName="TemplateColumn"> <ItemTemplate> <asp:Label ID="lblID" runat="server" Text='<%# Eval("personid") %>'></asp:Label> <asp:HiddenField ID="hfID" runat="server" Value='<%# Eval("personid") %>' /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn DataField="fullname" HeaderText="Full Name" UniqueName="TemplateColumn1"> <ItemTemplate> <asp:Label ID="Label1" runat="server" Text='<%# Eval("fullname").ToString() %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn DataField="ayear" HeaderText="Year" UniqueName="TemplateColumn2"> <ItemTemplate> <asp:Label ID="Label2" runat="server" Text='<%# Eval("ayear").ToString() %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn DataField="levelcode" HeaderText="Level" UniqueName="TemplateColumn3"> <ItemTemplate> <asp:Label ID="Label3" runat="server" Text='<%# Eval("levelcode").ToString() %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn DataField="semcode" HeaderText="Seminoles" UniqueName="TemplateColumn4"> <ItemTemplate> <asp:Label ID="Label4" runat="server" Text='<%# Eval("semcode").ToString() %>'></asp:Label> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> <NestedViewTemplate> <telerik:RadListView  ID="lvExtrUntReqApprovalList" runat="server" OnNeedDataSource="lvExtrUntReqApprovalList_NeedDataSource" ItemPlaceholderID="phExtraUntReq"> <LayoutTemplate> <fieldset> <legend style="padding: 5px;">Request Details </legend> <asp:PlaceHolder ID="phExtraUntReq" runat="server"></asp:PlaceHolder> </fieldset> </LayoutTemplate> <ItemTemplate> <table> <tr> <td style="font-style:italic;">Full Name:</td> <td style="font-weight:bold"> <asp:Label ID="Label8" runat="server" Text='<%# Eval("fullname") %>'> </asp:Label> </td> </tr> <tr> <td style="font-style:italic;">Overall Grade:</td> <td style="font-weight:bold"> <asp:Label ID="Label9" runat="server" Text='<%# Eval("grade") %>'> </asp:Label> </td> </tr> <tr> <td style="font-style:italic;">Requested Unit(s):</td> <td style="font-weight:bold"> <asp:Label ID="Label10" runat="server" Text='<%# Eval("unitrequested") %>'> </asp:Label> </td> </tr> <tr> <td style="font-style:italic;">Request Date & Time:</td> <td style="font-weight:bold"> <asp:Label ID="Label12" runat="server" Text='<%# Eval("daterequested") %>'> </asp:Label> </td> </tr> <tr> <td>Approve/Reject Request:</td> <td> <asp:CheckBox ID="chkAprv" runat="server" Text="Approve" /> <asp:CheckBox ID="chkRej" runat="server" Text="Reject" /> <cc1:MutuallyExclusiveCheckBoxExtender ID="chkAprvE" runat="server" TargetControlID="chkAprv" Key="AprvRej" /> <cc1:MutuallyExclusiveCheckBoxExtender ID="chkRejE" runat="server" TargetControlID="chkRej" Key="AprvRej" /> </td> </tr> <tr> <td style="font-style:italic;">Unit(s) Approved:</td> <td style="font-weight:bold"> <asp:DropDownList ID="ddlUntAprv" runat="server"> <asp:ListItem Text="Select..." Value=""></asp:ListItem> <asp:ListItem Text="1" Value="1"></asp:ListItem> <asp:ListItem Text="2" Value="2"></asp:ListItem> <asp:ListItem Text="3" Value="3"></asp:ListItem> <asp:ListItem Text="4" Value="4"></asp:ListItem> <asp:ListItem Text="5" Value="5"></asp:ListItem> <asp:ListItem Text="6" Value="6"></asp:ListItem> <asp:ListItem Text="7" Value="6"></asp:ListItem> <asp:ListItem Text="8" Value="6"></asp:ListItem> <asp:ListItem Text="9" Value="6"></asp:ListItem> <asp:ListItem Text="10" Value="6"></asp:ListItem> <asp:ListItem Text="11" Value="6"></asp:ListItem> <asp:ListItem Text="12" Value="6"></asp:ListItem> </asp:DropDownList> </td> </tr> <tr> <td> <asp:Button ID="btnExUntReq" runat="server" Text="Submit" onclick="btnExUntReq_Click" /></td> </tr> </table> </ItemTemplate> </telerik:RadListView> </NestedViewTemplate> <EditFormSettings> <EditColumn FilterControlAltText="Filter EditCommandColumn column"> </EditColumn> </EditFormSettings> </MasterTableView> </telerik:RadGrid>

CS Codes
========

protected void grdExtrUntReq_NeedDataSource(object source, GridNeedDataSourceEventArgs e) { 

//Get year<br>        LookUpRecordsInformation l1 = LookUps.GetApplicationSettingValues("CURRENT_YEAR");<br>        string sYear = l1.sSettingValue;<br><br>        //Get seminole<br>        LookUpRecordsInformation l2 = LookUps.GetApplicationSettingValues("CURRENT_SEMINOLE");<br>        string sSeminole = l2.sSettingValue;<br><br>        string sApproverID = Page.User.Identity.Name.ToString();<br><br>        grdExtrUntReq.DataSource = GetRecords.GetUnitRequestListForApproval(sYear, sSeminole, sApproverID);<br>    }<br><br>    protected void lvExtrUntReqApprovalList_NeedDataSource(object sender, RadListViewNeedDataSourceEventArgs e)<br>    {<br><br>        //Get year<br>        LookUpRecordsInformation l1 = LookUps.GetApplicationSettingValues("CURRENT_YEAR");<br>        string sYear = l1.sSettingValue;<br><br>        //Get seminole<br>        LookUpRecordsInformation l2 = LookUps.GetApplicationSettingValues("CURRENT_SEMINOLE");<br>        string sSeminole = l2.sSettingValue;<br><br>        GridDataItem parentItem = ((sender as RadListView).NamingContainer as GridNestedViewItem).ParentItem as GridDataItem;<br>        string sID = (parentItem.FindControl("hfID") as HiddenField).Value;<br>        (sender as RadListView).DataSource = GetRecords.GetUnitRequestList(sID, sYear, sSeminole);<br>    }<br><br><br>        protected void btnExUntReq_Click(object sender, EventArgs e)<br>    {<br>        //Got completely lost here....on how to wire button btnExUntReq to fire the codes to perform my updates<br>    <br>    bool success = UpdateRecords.UpdateUntRequestList(sID, sYear, sSeminole);<br>    }

5 Answers, 1 is accepted

Accepted

answered on 07 Jun 2013, 12:39 PM

Hello,

protected void btnExUntReq_Click(object sender, EventArgs e)

{

// Get button

Button btn = sender as Button;

// Get current NestedViewTemppate row

GridNestedViewItem CurrentItem = btn.NamingContainer as GridNestedViewItem;

// Get Parent Item

GridDataItem ParentItem = CurrentItem.ParentItem as GridDataItem;

}

<asp:Button ID="btnExUntReq" runat="server" Text="Submit" OnClick="btnExUntReq_Click" CausesValidation="false" />

Thanks,
Jayesh Goyani

answered on 09 Jun 2013, 12:48 AM

I really appreciate your response. Please, if you can still assist with this. I am having issues finding a label placed inside the NestedViewTemplate from within the Click even handler of the button.

    protected void btnExUntReq_Click(object sender, EventArgs e)
    {
      // Get button
        Button btn = sender as Button;
        // Get current NestedViewTemppate row
        GridNestedViewItem CurrentItem = btn.NamingContainer as GridNestedViewItem;
        // Get Parent Item
        GridDataItem ParentItem = CurrentItem.ParentItem as GridDataItem;//Got NullReferenceException: Object reference not set to an instance of an object.
        Label mLbl = ParentItem .FindControl("lblTest") as Label;
        mLbl.Text = "Hello";
    }

answered on 10 Aug 2013, 03:38 AM

Jayesh/Forum folks,

Maybe I did not make myself clear in my earlier post. Here is the declarative part of my aspx containing a NestedViewTemplate that I populated with single record returned from the database based on the muti-row returned from the parent Radgrid control. On the NestedViewTemplate, I have a button with event hadler where I need to get the values of the labels then save their values back into the database after a file is uploaded.

My request is that I need to figure out how to get the labels inside the NestedViewTemplate. I have tried the method you suggested earlier but I got null reference error message. I really need to do this inside a button click on the NestedViewTemplate.

I will appreciate any assistance.

<NestedViewTemplate>

<telerik:RadListView ID="lvStuCurr" runat="server" OnNeedDataSource="lvStuCurr_NeedDataSource"

ItemPlaceholderID="phCourseCode">

<LayoutTemplate>

<fieldset>

<legend style="padding: 5px;">Submit Completed Assignment </legend>

<asp:PlaceHolder ID="phCourseCode" runat="server"></asp:PlaceHolder>

</fieldset>

</LayoutTemplate>

<ItemTemplate>

<table>

<tr>

<td style="font-style: italic;">

Course Code:

</td>

<td style="font-weight: bold">

<asp:Label ID="lblTemplCourseCode" runat="server" Text='<%# Eval("CourseCode") %>'>

</asp:Label>

<asp:Label ID="Label1" runat="server" Text="Hello">

</asp:Label>

</td>

</tr>

<tr>

<td style="font-style: italic;">

Lesson:

</td>

<td style="font-weight: bold">

<asp:Label ID="lblTemplLesson" runat="server" Text='<%# Eval("lesson") %>'>

</asp:Label>

</td>

</tr>

<tr>

<td style="font-style: italic;">

Exercise:

</td>

<td style="font-weight: bold">

<asp:Label ID="lblTemplExercise" runat="server" Text='<%# Eval("exercise") %>'>

</asp:Label>

</td>

</tr>

<tr>

<td style="font-style: italic;">

Upload:

</td>

<td>

<telerik:RadAsyncUpload ID="aUpAssgnUpld_1" runat="server" MaxFileSize="1049000"

MultipleFileSelection="Automatic" TemporaryFolder="../images/AssignUpload/TempAttach"

OnClientFileUploaded="onClientFileUploaded">

</telerik:RadAsyncUpload>

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:Button ID="btnUpldAssign" runat="server" Text="Submit" OnClick="btnUpldAssign_Click" />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadListView>

</NestedViewTemplate>

answered on 14 Aug 2013, 02:25 PM

Hi Abdul,

You could use the following approach in order to find the GridNestedViewItem.

protected void btnUpldAssign_Click(object sender, EventArgs e)

{

Control control = sender as Control;

bool isNestedViewItemFound = false;

do

{

if (control is GridNestedViewItem)

{

isNestedViewItemFound = true;

}

else

{

control = control.NamingContainer;

}

while (!isNestedViewItemFound);

GridNestedViewItem nestedViewTempalte = control as GridNestedViewItem;

Label label = nestedViewTempalte.FindControl("Label1") as Label;

}

Regards,
Kostadin
Telerik

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.