I am using a RadGrid and have some controls in columns. A DropDownList is in ItemTemplate (see code below). For example, when the grid was first bind with a dataset, "HI" was selected. I changed the selection to "AZ" and click another control in another column to call the Javascript function "showCityList" (see code below). Then I use Google F12 to step into the function. I have two questions.
1. I can see the var cell that has all states in the dropdownlist and "HI" is selected. <option selected="selected" value="HI">HI</option>. I changed the selection to "AZ". Why the initial state was still be selected?
2. How do I get the selected state? Please provide the syntax.
I CANNOT use OnSelectedIndexChanged and it is a long story to explain.
<telerik:GridTemplateColumn HeaderText=" State" SortExpression="State_Code" UniqueName="State_Code">
<ItemTemplate>
<asp:DropDownList ID="cboState" Width="105px" CssClass="State_Code" runat="server" ></asp:DropDownList>
</ItemTemplate>
</telerik:GridTemplateColumn>
function showCityList() {
var row = Telerik.Web.UI.Grid.GetFirstParentByTagName(button, "tr");
var rowIndex = row.id.split("__")[1];
debugger;
var MasterTable = $find("<%=gridSites.ClientID%>").get_masterTableView();
var selectedRows = MasterTable.get_dataItems();
if (selectedRows != null)
{
var row = selectedRows[rowIndex];
var cell = MasterTable.getCellByColumnUniqueName(row, "State_Code")
}
return false;
}
Thanks.

I suspect this is a limitation in functionality - is the RadTreeView meant to persist changes to Nodes dynamically added on Demand in Server Side AJAX (out of the box)? I have tried with ViewStateMode="Enabled" and PersistLoadOnDemandNodes="true" to no avail.
It seems that client side changes made in JavaScript (between client side trackchanges() and commitchanges() calls) aren't recognized when the nodes are dynamically loaded with this server side event:
protected void RadTreeView1_NodeExpand(object sender, RadTreeNodeEventArgs e)
When the page is posted back with a Save button, and (for example) nodes are removed in javascript - the changes seem to disappear on the server side. I suspect it's because the ViewState in the posted back control and javascript client changes are out of sync. They exist in the client side javascript ._log property until the commitchanges() is called. Then the changes all disappear and don't exist in the server side ClientChanges property on postback. None of the the provided demonstration examples seem to show support for updates, just read only load on demand scenarios.

Hi All
This is regarding Telerik Radgrid usage present in below link.
https://demos.telerik.com/aspnet-ajax/grid/examples/accessibility-and-internationalization/accessibility-compliance/defaultcs.aspx
The example claims that they are "WCAG 2.0 Compliant"
But, When i am trying to use Screen Reader (JAWS), and navigate to the table in above link,the JAWS is not reading the number of rows present in the grid correctly.
It is treating Header as separate table and details as separate table.
When you press 'T' with JAWS on, JAWS reads "Grid with 6 Columns and 1 Row"
and when you press 'T' again , JAWS reads "Grid with 6 Columns and 20 Rows".
Telerik team is claiming that they are "WCAG 2.0 and Section 508 compliant" in above example, but it is not reading the number of rows correctly which i feel is an issue?
Ideally it should treat both header and details as part of single table for screen reader to read it correctly. Is there any plan to fix this issue?

This is really weird - I am using html chart in an asp .net site and as of last week clients with 9.x and 10.x versions of IOS on ipad (and possibly iphone) are no longer having charts rendered on a page, everyone else is acting normally. I thought it may have come from an update where i added a radupdatepanel but have removed that and have the same problem.
I can replicate it on my old ipad but cannot debug it because of the version.
The charts are straight forward:
<telerik:RadHtmlChart runat="server" ID="chtTimeGraph" class="chartwrapper" RenderAs="Canvas" Transitions="False" EnableViewState="False">
<ClientEvents OnLoad="chartLoad" />
Have tried with viewstate enabled, without the OnLoad, different renderAs but all to no avail.
is anyone else having this problem?
<telerik:RadGrid ID="radBusinessParentDetail" runat="server" AutoGenerateColumns="False" AllowSorting="True" AllowMultiRowSelection="False" DataSourceID="SqlDataSourcePaymentMaster" AllowPaging="false" EnableLinqExpressions="false" GridLines="None" ShowStatusBar="true"> <ClientSettings AllowExpandCollapse="True"></ClientSettings> <MasterTableView DataKeyNames="RecordId" AllowMultiColumnSorting="True" HierarchyLoadMode="Client" Width="100%"> <DetailTables> <telerik:GridTableView Name="PaymentDetail" AutoGenerateColumns="true" DataKeyNames="PaymentScheduleId" Width="100%" DataSourceID="SqlDataSourcePaymentDetail"> <ParentTableRelation> <telerik:GridRelationFields DetailKeyField="PaymentScheduleId" MasterKeyField="RecordId"> </telerik:GridRelationFields> </ParentTableRelation> <Columns> <telerik:GridBoundColumn DataField="PaidDate" HeaderText="Paid On" SortExpression="PaidDate" DataFormatString="{0:dd/MM/yyyy}"></telerik:GridBoundColumn> <telerik:GridBoundColumn Aggregate="Sum" DataField="AmountPaid" HeaderText="Amount Paid" SortExpression="AmountPaid"></telerik:GridBoundColumn> <telerik:GridBoundColumn Aggregate="Sum" DataField="Commission" HeaderText="Commission" SortExpression="Commission"></telerik:GridBoundColumn> <telerik:GridBoundColumn Aggregate="Sum" DataField="GST" HeaderText="GST" SortExpression="GST"></telerik:GridBoundColumn> <telerik:GridBoundColumn Aggregate="Sum" DataField="NetReceived" HeaderText="Net" SortExpression="NetReceived"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="PaymentMethod" HeaderText="Payment Method" SortExpression="PaymentMethod"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Comment" HeaderText="Comment" SortExpression="Comment"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="MiscField" HeaderText="Terminal ID" SortExpression="MiscField"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="IsCommissionPaid" HeaderText="Commission Paid"></telerik:GridBoundColumn> </Columns> </telerik:GridTableView> </DetailTables> <Columns> <telerik:GridBoundColumn DataField="RecordId" HeaderText="RecordId" SortExpression="RecordId" UniqueName="RecordId"></telerik:GridBoundColumn> <telerik:GridBoundColumn Aggregate="Count" DataField="InstallmentNo" HeaderText="Inst. No"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="DueDate" HeaderText="Due On" SortExpression="DueDate" DataFormatString="{0:dd/MM/yyyy}"></telerik:GridBoundColumn> <telerik:GridBoundColumn Aggregate="Sum" DataField="AmountDue" HeaderText="Amount Due" SortExpression="AmountDue"></telerik:GridBoundColumn> </Columns> </MasterTableView> </telerik:RadGrid><asp:SqlDataSource ID="SqlDataSourcePaymentMaster" ConnectionString="<%$ ConnectionStrings:COMS %>" ProviderName="System.Data.SqlClient" SelectCommand = "select RecordId, InstallmentNo, DueDate, AmountDue from paymentschedule where studentid='1302438' and isrefunded=0" runat="server"></asp:SqlDataSource><asp:SqlDataSource ID="SqlDataSourcePaymentDetail" ConnectionString="<%$ ConnectionStrings:COMS %>" ProviderName="System.Data.SqlClient" SelectCommand="select PaidDate, Commission, NetReceived, GST, PaymentMethod, Comment, MiscField from paymentscheduledetail where PaymentScheduleId=@RecordId" runat="server"> <SelectParameters> <asp:SessionParameter Name="RecordId" SessionField="RecordId" Type="Int32"> </asp:SessionParameter> </SelectParameters> </asp:SqlDataSource>
Dear Sir\Madam,
Telerik radgrid gridbound column is showing all the selected columns,but the detail table showing few blank column and then the details.how to avoid that blank rows which are showing in detail table.Please help.

For this example dataset with 6 columns and 6 rows:
AAA BBB CCC 1 2 3AAA BBB CCC 4 5 6DDD EEE FFF 1 2 3GGG HHH III 1 2 3GGG HHH III 4 5 6GGG HHH III 7 8 9
Some user operation will result in a call to a webservice, which populate the parent grid. eg.
var tableView = $find("<%= RadGrid2.ClientID %>").get_masterTableView();tableView.set_dataSource(result);tableView.dataBind();
My web service returns the distinct first 3 columns, I bind the data as noted above, and the results look like this:
+ AAA BBB CCC+ DDD EEE FFF + GGG HHH III
I can then click expand [+], which calls a web service to return the child rows and populate the child grid, yielding:
- AAA BBB CCC 1 2 3 4 5 6- DDD EEE FFF 1 2 3- GGG HHH III 1 2 3 4 5 6 7 8 9
I actually have all of the above working, but the only problem is it only works for the first 11 rows. The child grids and expand/collapse buttons are not dynamically added for any rows beyond the 11th when data is bound.
Why not?
My grid structure is defined as follows:
<telerik:RadGrid ID="RadGrid2" runat="server"> <ClientSettings> <ClientEvents OnCommand="RadGrid2_Command" OnHierarchyExpanding="RadGrid2_HierarchyExpanding" OnDataBound="RadGrid2_OnDataBound"/> </ClientSettings> <MasterTableView HierarchyLoadMode="Client" ClientDataKeyNames="PositionAreaAppID" RetainExpandStateOnRebind="false" ExpandCollapseColumn-Display="true"> <Columns> <telerik:GridBoundColumn DataField="Description" HeaderText="Software" HeaderStyle-Font-Bold="true" /> <telerik:GridBoundColumn DataField="Manufacturer" HeaderText="Manufacturer" HeaderStyle-Font-Bold="true" /> <telerik:GridBoundColumn DataField="Version" HeaderText="Version" HeaderStyle-Font-Bold="true" /> </Columns> <NestedViewTemplate> <telerik:RadGrid ID="RadGrid3" runat="server"> <ClientSettings> <ClientEvents OnCommand="RadGrid3_Command" /> </ClientSettings> <MasterTableView ClientDataKeyNames="PositionAreaAppPrivID" ShowHeader="false"> <Columns> <telerik:GridTemplateColumn UniqueName="PrivilegeClientTemplateColumn" HeaderText="" ItemStyle-CssClass="" HeaderStyle-Font-Bold="true"> <ClientItemTemplate> <div><b>#=PrivTypeDescription #:</b> #=Priv1 #</div> </ClientItemTemplate> </telerik:GridTemplateColumn> </Columns> </MasterTableView> </telerik:RadGrid> </NestedViewTemplate> </MasterTableView></telerik:RadGrid>
Is there a different approach that will allow client-side binding of nested grids? I tried using Grouping, NestedViewTemplates, and DataTables, all without the desired result.
I am about to give up on Grid and considering using a LoadOnDemand TreeView customized with client templates to accomplish this, since i don't need advanced grid functionality like sorting, paging, etc. I am just using it to display in a tabular format.
