Clientside binding of single columns

[Peter]

I want to achieve the following:

The grid should display the result of a search request on our backend (this one is easy). But because 2 columns are difficult to compute, these columns are initially left blank. After the page with the grid is completely rendered to the user (with 2 columns beeing empty), he can begin working with the data. In the background (AJAX?) a second request to our server is submitted to get the values of the 2 missing columns. When the request returns the additional data, the corresponding columns are filled. Without interrupting the user.

Is this possible? And how? I don't find any documentation about clientside binding of single columns.

[Jayesh Goyani]

Hello,

Please check below demo.

function FillGridCOlumn() {
               var grid = $find("<%= RadGrid2.ClientID %>");

               if (grid) {
                   var MasterTable = grid.get_masterTableView();
                   var Rows = MasterTable.get_dataItems();
                   for (var i = 0; i < Rows.length; i++) {
                       var row = Rows[i];
                       var IdKey = row.getDataKeyValue("ID")
                       $(row.get_element()).find("span[id*='Label1']").get(0).innerHTML = "Your New Value " + IdKey;
                   }
               }

               return false;
           }

<telerik:RadGrid ID="RadGrid2" runat="server" AutoGenerateColumns="false" OnNeedDataSource="RadGrid2_NeedDataSource"
        >
          <MasterTableView DataKeyNames="ID" ClientDataKeyNames="ID">
              <Columns>
                  <telerik:GridBoundColumn HeaderText="ID" DataField="ID" UniqueName="ID">
                  </telerik:GridBoundColumn>

                  <telerik:GridTemplateColumn>
                      <ItemTemplate>
                          <asp:Label ID="Label1" runat="server"></asp:Label>
                      </ItemTemplate>
                  </telerik:GridTemplateColumn>
              </Columns>
          </MasterTableView>

      </telerik:RadGrid>
 <br />
        <asp:Button ID="Buttontest" runat="server" Text="SetColumnValueOnClient" OnClientClick="return FillGridCOlumn();" />

protected void RadGrid2_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
   {

       dynamic data = new[] {
               new { ID = 1, Name ="Name1"},
               new { ID = 2, Name = "Name2"},
               new { ID = 3, Name = "Name3"}
           };
       RadGrid2.DataSource = data;


   }

If you are note able to find control in Grid then please check below link.
http://jayeshgoyani.blogspot.in/2012/05/how-to-access-control-from-itemtemplate.html

Thanks,
Jayesh Goyani