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

Use JS to get hidden field in grid

2 Answers 221 Views
Grid
This is a migrated thread and some comments may be shown as answers.
aks
Top achievements
Rank 1
aks asked on 20 May 2008, 02:54 AM
How do I access the hidden field in my grid using JavaScript?  I need to loop thru my grid and check the values the hidden field in all rows.  Value of hidden field will be YES or NO.  Can someone show me the JavaScript function?
Thanks!
 
   <rad:RadGrid ID="StatesGrid" OnNeedDataSource="StatesGrid_NeedDataSource" AllowMultiRowSelection="true"
      ClientSettings-Scrolling-AllowScroll="true" Skin="Outlook2007" runat="server" AllowSorting="True"
      GridLines="None" AutoGenerateColumns="False" Height="250px" TabIndex="4">
      <MasterTableView>
        <RowIndicatorColumn Visible="False">
          <HeaderStyle Width="20px"></HeaderStyle>
        </RowIndicatorColumn>
        <ExpandCollapseColumn Visible="False" Resizable="False">
          <HeaderStyle Width="20px"></HeaderStyle>
        </ExpandCollapseColumn>
        <Columns>
          <rad:GridClientSelectColumn UniqueName="GridClientSelectColumn" />
          <rad:GridTemplateColumn HeaderText="All States" UniqueName="TemplateColumnTotalAmount">
            <ItemTemplate>
              <asp:Label ID="Label1" Text='<%# DisplayStateNames(Container) %>' runat="server"></asp:Label>
              <asp:HiddenField ID="hdnIndicator" Value='<%# Eval("Ind_Active") %>' runat="server" />
            </ItemTemplate>
          </rad:GridTemplateColumn>
        </Columns>
      </MasterTableView>
      <ClientSettings ApplyStylesOnClient="True">
        <Selecting AllowRowSelect="True"></Selecting>
        <Scrolling AllowScroll="True"></Scrolling>
      </ClientSettings>
    </rad:RadGrid>

2 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 20 May 2008, 10:46 AM
Hi Aks,

Try the following code snippet.

ASPX:
<telerik:GridTemplateColumn UniqueName="Temp" HeaderText="Temp" > 
                         <ItemTemplate> 
                             <input id="Hidden1"  name ="Hidden1" runat="server" type="hidden" value='<%#Eval("ProductName") %>' /> 
                         </ItemTemplate> 
                        </telerik:GridTemplateColumn> 

CS:
 protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)  
     {  
         if (e.Item is GridDataItem)  
         {  
             GridDataItem item = (GridDataItem)e.Item;  
             HtmlInputHidden hidden = (HtmlInputHidden)item["Temp"].FindControl("Hidden1");  
             string strtxt = hidden.Value;  
             item.Attributes.Add("OnClick", "return Show( '" + strtxt + "'  );");  
 
 
         }  
 
    } 

JS:
 <script type="text/javascript" language="javascript" > 
       
     function Show(strtxt)  
     {  
       
      alert(strtxt);  
     }  
    </script> 


Thanks
Princy.
0
aks
Top achievements
Rank 1
answered on 20 May 2008, 02:43 PM
Not exactly.  I want a function that will look thru the grid and find a hidden value that says "YES" or "NO"  ...I don't want to disply the value with each click on the grid.  Basically, when a user hits submit, I want the JS function to loop thru the grid and check the values of the hidden value.  Any ideas?  Thanks.
Tags
Grid
Asked by
aks
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
aks
Top achievements
Rank 1
Share this question
or