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

Acess textbox values in template on grid

5 Answers 736 Views

Grid

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

David Penny asked on 02 Aug 2010, 12:53 PM

Hi,

I am trying to update the use of a RadGrid to make it more efficient. I have a series of textboxes in template columns on the grid so I can use editing of all templated cells (like in Excel). But I need to update each record on data entry. This all works OK if I only access each template column separately, but I'd like to read all text fields in the template row at once to keep the code in one place.

I have grid columns defined as:

<telerik:GridTemplateColumn UniqueName="Day1">

<ItemTemplate>

<asp:TextBox ID="Day1TextBox" runat="server" Width="40px" Enabled="true" OnTextChanged="Day1_TextChanged"

AutoPostBack="true"></asp:TextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Day2">

<ItemTemplate>

<asp:TextBox ID="Day2TextBox" runat="server" Width="40px" Enabled="true" OnTextChanged="Day2_TextChanged"

AutoPostBack="true"></asp:TextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Day3">

<ItemTemplate>

<asp:TextBox ID="Day3TextBox" runat="server" Width="40px" Enabled="true" OnTextChanged="Day3_TextChanged"

AutoPostBack="true"></asp:TextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

In code behind I can access each coumn using:

Protected Sub Day2_TextChanged(ByVal sender As Object, ByVal e As System.EventArgs)

Dim textbx As TextBox = sender

Dim item As GridDataItem = textbx.NamingContainer

Dim keyValues As String = item.KeyValues

Dim p As Integer = InStr(keyValues, ":")

Dim p2 As Integer = InStr(keyValues, "}")

Dim strUniqueID As String = keyValues.Substring(p + 1, (p2 - p) - 3)

Dim UniqueID As Integer = CInt(strUniqueID)

But what I really want to do is read each of the values from Day1TextBox, Day2TextBox etc when any of the values change. I have tried the following but it is not right:

Protected Sub Day3_TextChanged(ByVal sender As Object, ByVal e As System.EventArgs)

Dim editedItem As GridEditableItem = CType(CType(sender, TextBox).NamingContainer, GridEditableItem)

Dim txtDay1 As TextBox = CType(editedItem("Day1TextBox").Controls(0), TextBox)

Dim txtDay2 As TextBox = CType(editedItem("Day2TextBox").Controls(0), TextBox)

Dim txtDay3 As TextBox = CType(editedItem("Day1TextBox").Controls(0), TextBox)

CalculateLine(3, editedItem)

What I want to do is get a reference to each of the textbox fields in the templates. I thought GridEditableItem might have worked but seems wrong.

Are there any suggestions how I can go about achieving this? Thanks.

David Penny

5 Answers, 1 is accepted

answered on 18 Oct 2010, 03:27 PM

Hi,

I use the same idea as you. Having textboxes with autopostback and ontextchanged event handler. However the event never fires. There actually is a postback, but the event itself not firing. Any ideas?

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"

CodeFile="MainC1.aspx.cs" Inherits="MainC1" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc2" %>

<asp:Content ContentPlaceHolderID="cphOpties" ID="content1" runat="server">

<cc2:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" BorderColor="187, 187, 187"

Radius="10" TargetControlID="divCorners1" Enabled="True">

</cc2:RoundedCornersExtender>

<div style="padding: 8px 8px 8px 8px;">

<div runat="server" id="divCorners1">

<table runat="server" id="Table8" cellpadding="3" cellspacing="3" width="100%">

<tr>

<td style="width: 100px">

<b>Filteren:</b>

</td>

<td>

</td>

</tr>

<tr>

<td style="width: 100px">

Startdatum:

</td>

<td>

<telerik:RadDatePicker ID="dp4" runat="server" MinDate="2006-01-01" AutoPostBack="true"

OnSelectedDateChanged="dp4_SelectedDateChanged" Width="100px">

<Calendar ID="cal1" runat="server" />

<DateInput ID="dip1" runat="server">

</DateInput>

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td style="width: 100px">

Zoekterm:

</td>

<td>

<asp:TextBox ID="tbZoek4" runat="server" Width="200"></asp:TextBox>

</td>

</tr>

<tr>

<td colspan="2">

<asp:Button ID="btnZoek4" runat="server" OnClick="btnZoek4_Click" CausesValidation="false"

Text="Zoek" />

<asp:Button ID="btnReset" runat="server" OnClick="btnReset_Click" CausesValidation="false"

Text="Reset" />

</td>

</tr>

</table>

</div>

</asp:Content>

<asp:Content ContentPlaceHolderID="cphHelp" ID="content3" runat="server">

<cc2:RoundedCornersExtender ID="RoundedCornersExtender2" runat="server" BorderColor="187, 187, 187"

Radius="10" TargetControlID="divCorners2" Enabled="True">

</cc2:RoundedCornersExtender>

<div style="padding: 8px 8px 8px 8px;">

<div runat="server" id="divCorners2">

<table runat="server" id="Table1" cellpadding="3" cellspacing="3" width="100%">

<tr style="width: 100%">

<td style="width: 120px">

<b>Help:</b>

</td>

<td>

</td>

</tr>

<tr style="width: 100%">

<td style="width: 120px">

Klik op regel:

</td>

<td>

Open afbeeldingen in Paint.Net

</td>

</tr>

<tr style="width: 100%">

<td style="width: 120px">

Shift+Klik op regel:

</td>

<td>

Open Map in Verkenner

</td>

</tr>

<tr style="width: 100%">

<td style="width: 100px">

Rechtsklik op regel:

</td>

<td>

Open context menu met meer opties

</td>

</tr>

</table>

</div>

</asp:Content>

<asp:Content ContentPlaceHolderID="headJavaScript" ID="contentHeadJS" runat="server">

<script type="text/javascript">

function RowContextMenu(sender, eventArgs) {

if (eventArgs.get_domEvent().target.cellIndex == 20 || eventArgs.get_domEvent().target.nodeName == "IMG")

var menu = $find("<%=RadMenu2.ClientID %>");

else

var menu = $find("<%=RadMenu1.ClientID %>");

var evt = eventArgs.get_domEvent();

if (evt.target.tagName == "INPUT" || evt.target.tagName == "A") {

return;

}

var index = eventArgs.get_itemIndexHierarchical();

document.getElementById("radGridClickedRowIndex").value = eventArgs.getDataKeyValue("OID");

sender.get_masterTableView().selectItem(sender.get_masterTableView().get_dataItems()[index].get_element(), true);

menu.show(evt);

evt.cancelBubble = true;

evt.returnValue = false;

if (evt.stopPropagation) {

evt.stopPropagation();

evt.preventDefault();

}

function RowSelected_2(sender, eventArgs) { }

function rowClick(sender, eventArgs) {

debugger;

if (eventArgs.get_domEvent().target.offsetLeft == 8) {

return;

}

if (eventArgs.get_domEvent().target.offsetLeft == 20) {

return;

}

if (eventArgs.get_domEvent().shiftKey)

launchVerkenner(eventArgs.getDataKeyValue("OID"));

else if(eventArgs.get_domEvent().ctrlKey)

launchApp(eventArgs.getDataKeyValue("OID"));

}

function launchVerkenner(i) {

var myfile = "F:\\ARCHIEF\\Archief_Originelen\\" + i;

var strCmd = '"C:\\Windows\\explorer.exe" "' + myfile + '"';

var obj = new ActiveXObject("LaunchinIE.Launch");

obj.LaunchApplication(strCmd);

}

function launchApp(oid) {

$.ajax({

type: "POST",

url: "wsGetImagePaths.asmx/getPaths",

data: "{'OID': '" + oid + "'}",

contentType: "application/json; charset=utf-8",

dataType: "json",

success: function(msg) {

AjaxSucceeded(msg);

},

error: AjaxFailed

});

var masterTable = $find("<%= RadGrid4.ClientID %>").get_masterTableView();

masterTable.rebind();

}

function setImageClickedID(sender, args) {

document.getElementById('ImageClickedID').value = document.getElementById("radGridClickedRowIndex").value;

}

function AjaxSucceeded(result) {

var myfile = result.d;

var strCmd = '"C:\\Program Files\\Paint.NET\\PaintDotNet.exe" ' + myfile;

var obj = new ActiveXObject("LaunchinIE.Launch");

obj.LaunchApplication(strCmd);

}

function AjaxFailed(result) {

alert(result.status + ' ' + result.statusText);

}

function InitiateAjaxRequest() {

var ajaxManager = $find("<%= RadAjaxManager2.ClientID %>");

ajaxManager.ajaxRequest('');

}

</script>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<telerik:RadAjaxManager ID="RadAjaxManager2" runat="server" UpdatePanelsRenderMode="Inline" OnAjaxRequest="ram_request">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid4" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid4">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid4" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadGrid ID="RadGrid4" runat="server" AllowPaging="False" EnableViewState="false"

OnItemCreated="RadGrid4_ItemCreated" AllowSorting="True" GridLines="None" EnableEmbeddedSkins="true"

OnNeedDataSource="RadGrid4_NeedDataSource" AutoGenerateColumns="False" OnItemDataBound="RadGrid1_ItemDataBound"

Width="99%" Height="99%">

<ClientSettings Scrolling-AllowScroll="true" Scrolling-UseStaticHeaders="true" AllowColumnsReorder="False"

ReorderColumnsOnClient="False" EnableRowHoverStyle="true">

<ClientEvents OnRowDblClick="RowSelected_2" OnRowClick="rowClick" />

<Selecting AllowRowSelect="True" />

<ClientEvents OnRowContextMenu="RowContextMenu"></ClientEvents>

</ClientSettings>

<MasterTableView ClientDataKeyNames="OID, Aanpassing, ParentOpdracht" Width="100%"

TableLayout="Fixed" ShowFooter="true">

<ExpandCollapseColumn Visible="False" Resizable="False">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<RowIndicatorColumn Visible="False">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<FilterItemStyle Height="16px" Width="25px" />

<Columns>

<telerik:GridBoundColumn AllowFiltering="False" DataField="AL" HeaderText="C0" UniqueName="AL"