[Solved] set value by click

[Mohamadreza]

hi
i want to have 3 columns in radgrid. 1st column is gridNumericolumn and 2nd and 3th are gridButtonColumn. i want when user clicked on one of button, set a value in numeric cell (for example 600) and when clicked on another button, set another value in numeric cell (example 400) in client side.
help me please.

[Princy]

Hi,

I guess you want to change the value of the GridNumericColumn in view mode,Here is the sample code snippet i tried.

ASPX:

<telerik:RadGrid ID="RadGrid1" runat="server"  AutoGenerateColumns="false"
    onitemcommand="RadGrid1_ItemCommand">
    <MasterTableView>
        <Columns>
            <telerik:GridNumericColumn DataField="OrderID" HeaderText="OrderID" UniqueName="OrderID">
            </telerik:GridNumericColumn>
            <telerik:GridButtonColumn CommandName="Command1" Text="Button1">
            </telerik:GridButtonColumn>
            <telerik:GridButtonColumn CommandName="Command2" Text="Button2">
            </telerik:GridButtonColumn>
        </Columns>
    </MasterTableView>
</telerik:RadGrid>

C#:

protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)
{
    if (e.Item is GridDataItem)
    {
        GridDataItem data = (GridDataItem)e.Item;
        if (e.CommandName == "Command1")
        {
            data["OrderID"].Text = "300";//Your Value
        }
        else if (e.CommandName == "Command2")
        {
            data["OrderID"].Text = "600";//Your Value
        }
    }
}

Thanks,
Princy

[Mohamadreza]

thank you for reply
that's work successfully. but i need to do this on client side.
 

[Princy]

Hi ,

Please try the following code snippet .Let me know if any concern.

ASPX:

<telerik:GridButtonColumn  Text="Button1" UniqueName="Button1" ButtonType="PushButton">
</telerik:GridButtonColumn>
<telerik:GridButtonColumn  Text="Button2" UniqueName="Button2"  ButtonType="PushButton">
</telerik:GridButtonColumn>

C#:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
    if (e.Item is GridDataItem)
    {
        GridDataItem item = (GridDataItem)e.Item;
        Button button = (Button)item["Button1"].Controls[0];
        Button button1 = (Button)item["Button2"].Controls[0];
        button.Attributes.Add("OnClick", "onclick1('"+item.ItemIndex+"'); return false;");
        button1.Attributes.Add("OnClick", "onclick2('" + item.ItemIndex + "'); return false;");
    }
}

JS:

<script type="text/javascript">
   function onclick1(index) {
        var grid = $find("<%=RadGrid1.ClientID %>");
        var row = grid.get_masterTableView().get_dataItems()[index];
        row.get_cell("OrderID").innerHTML = "300";

    }
  function onclick2(index) {
        var grid = $find("<%=RadGrid1.ClientID %>");
        var row = grid.get_masterTableView().get_dataItems()[index];
        row.get_cell("OrderID").innerHTML = "600";
    }
</script>

Thanks,
Princy