Assign text to <telerik:GridButtonColumn> using javascript OnRowDataBound Event

[Sandeep]

I have a RadGrid. In this RadGrid I ahve below code

<MasterTableView ClientDataKeyNames="ID,Name,Path" runat="server" >
     <Columns>
            <telerik:GridButtonColumn UniqueName="headerDelete" CommandName="Delete"
runat="server" ButtonType="ImageButton" ImageUrl="~/CommonUI/Images/delete.png"
HeaderTooltip ="hhhh" ItemStyle-Width="40px" ItemStyle-HorizontalAlign="Center"
HeaderStyle-Width="40px" HeaderStyle-HorizontalAlign="Center" Text="Delete"/>
       </Columns>
 </MasterTableView>

I want to Add Text to telerik:GridButtonColumn using OnRowDataBound event in javascript because i am filling this grid from another
grid using WebService and javascript function. Like

var tableView = $find("<%= gridSelected.ClientID %>").get_masterTableView();
                tableView.set_dataSource(result);
                tableView.dataBind();

Please suggest How can add text for <telerik:GridButtonColumn> using javascript for it ?

Thanks

 

 

[Jayesh Goyani]

Hello Sandeep,

Please check below code snippet.

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" >
                <MasterTableView >
                    <Columns>
........
.............
                          <telerik:GridButtonColumn  HeaderText="Test" UniqueName="Test" Text="123">
                        </telerik:GridButtonColumn>
                    </Columns>
                </MasterTableView>
                <ClientSettings>
                    <ClientEvents OnRowDataBound="RowDataBound" />
                </ClientSettings>
            </telerik:RadGrid>

function RowDataBound(sender, args) {

               args.get_item().get_cell("Test").getElementsByTagName('a')[0].innerHTML = "jayesh";
           }

Thanks,
Jayesh Goyani

[Sandeep]

Jayesh,

It is not working. I am using image as button so innerHTML is undefined for image.

Thanks.

[Jayesh Goyani]

Hello sandeep,

If you used image button as button type then how can you set text in button.

you must have to set imageurl/tooltip/alternatetext.

Thanks,
Jayesh Goyani

[Sandeep]

Correct Jayesh,

I want same thing. I want to set tooltip/alternatetext. But Here we set as a Text property of Button in .aspx page means <telerik:GridButtonColumn> Text property it behaves like tooltip/alternate text. So My question is How can set   tooltip/alternatetext for <telerik:GridButtonColumn> using javascript OnRowDataBoundEvent Where <telerik:GridButtonColumn> 
is a Image type button ?

Thanks. 

[Jayesh Goyani]

Hello sandeep,

function RowDataBound(sender, args) {
               args.get_item().get_cell("Test").getElementsByTagName('input')[0].title = "jayesh";
               args.get_item().get_cell("Test").getElementsByTagName('input')[0].alt = "alter text";

           }

Thanks,
Jayesh Goyani