How to find the imagebutton in the radgrid in clientside?

[shemein]

Hi, 
I have a Radgrid  with :
<telerik:GridTemplateColumn UniqueName="Restricted" HeaderText="Restrict" FilterControlAltText="Filter Restricted column" Reorderable="False" Resizable="False" ShowSortIcon="False">
<ItemTemplate>
<asp:CheckBox ID="cbRistrict" runat="server" AutoPostBack="true" OnCheckedChanged="cbRistrict_OnCheckedChanged" ></asp:CheckBox>

<asp:ImageButton ID="cbRestrictedImageButton" runat="server" ImageUrl="~/Images/Lock-Restricted.png" ImageAlign="Baseline"></asp:ImageButton>

</ItemTemplate>
                                                                                                                 
</telerik:GridTemplateColumn>

How to find the imagebutton in the radgrid in clientside?

I have tried :
var j = $get("<%=IndexHidden.ClientID %>");
var grid = $find("<%=ToolkitSections.ClientID %>");
var masterTable = grid.get_masterTableView();
var gridItemElement = masterTable.get_dataItems()[j.value].findElement("cbRestrictedImageButton");

and even


var gridItemElement = masterTable.get_dataItems()[j.value].findControl("cbRestrictedImageButton");

but none of them is working well. would you please help me to find the imagebutton?

FYI: imagebutton is invisible by default and j is the index of selected item(checkbox) in radgrid.

[Jayesh Goyani]

Hi,

Can you please try with below links?

http://jayeshgoyani.blogspot.in/2012/05/how-to-access-control-from-itemtemplate.html
http://jayeshgoyani.blogspot.in/2012_07_01_archive.html

Let me know if any concern.

Thanks,
Jayesh Goyani

[shemein]

Hi Jayesh,

Thanks for your answer. I had tried your blog before and none of them worked for me:(. it is so strange that the code can find the checkbox  but it can't find the imageButton. Do you have any more idea? I really need it as soon as possible.

Thanks

[Jayesh Goyani]

Hi,

Sorry its my mistake as you have already mention that the imagebutton is invisible.
If button is visible="false" then we can not access the imagebutton from client side.

<telerik:GridTemplateColumn UniqueName="Restricted" HeaderText="Restrict" FilterControlAltText="Filter Restricted column" Reorderable="False" Resizable="False" ShowSortIcon="False">
                          <ItemTemplate>
                              <asp:CheckBox ID="cbRistrict" runat="server" AutoPostBack="true" OnCheckedChanged="cbRistrict_OnCheckedChanged"></asp:CheckBox>
                              <div style="display: none;">
                                  <asp:ImageButton ID="cbRestrictedImageButton" runat="server" ImageUrl="~/Images/Lock-Restricted.png" ImageAlign="Baseline"></asp:ImageButton>
                              </div>
                          </ItemTemplate>

                      </telerik:GridTemplateColumn>

In-place of visible="false" please use display="none". If you used visible property than the imagebutton will not rendered in browser.
so, we can not access it on browser.

Let me know if any concern.

Thanks,
Jayesh Goyani

[shemein]

Thanks Jayesh! you are amazing!

Another little question. when I click on the checkbox to open a radwindow as a pop up page and set the checkbox.checked =true in my javascript it doesn't work and checkbox is empty. Do you have any idea how to check the checkbox when I click on it using javascript?

Thanks

[Jayesh Goyani]

Hi,

Can you please provide your code?

Thanks,
Jayesh Goyani

[shemein]

Thanks Jayesh! I figured it out.