I'm evaluating Telerik's Rad Controls for my company. We are currently using ComponentArt but aren't satisfied with it. I've been looking into the Rad controls. I really like what I've been able to accomplish using the RadControls with minimal effort. However, I'm having trouble getting the virtual scrolling to work at all. I can get the scroll bar to appear. If I use paging the scroll bar will work for a single page, but not for the whole returned data set and it will not automatically go back and pull the next set of data like the yahoo-style example. I'm sure I'm doing something wrong but haven't figured it out.
I'm using .net 3.5 and c# and asp.net AJax Rad Grid Control. My datasource is a collection List.
I've been using the demos: Virtual scrolling and paging as guidance. My final goal would be to have my app use the Yahoo-style scrolling. However, I'd like to get both types to work.
Any guidance on this would be appreciated.
Code posted below:
ASPX:
C# code behind:
I'm using .net 3.5 and c# and asp.net AJax Rad Grid Control. My datasource is a collection List.
I've been using the demos: Virtual scrolling and paging as guidance. My final goal would be to have my app use the Yahoo-style scrolling. However, I'd like to get both types to work.
Any guidance on this would be appreciated.
Code posted below:
ASPX:
<telerik:RadGrid ID="RadGrid1" Skin="Office2007" Width="97%" |
AllowSorting="True" AllowPaging="True" PageSize="15" |
OnNeedDataSource="RadGrid1_NeedDataSource" AllowFilteringByColumn="True" |
GridLines="None" ShowGroupPanel="True" runat="server"> |
<MasterTableView Width="100%" AllowMultiColumnSorting="true" DataKeyNames="RecNo" |
AutoGenerateColumns="False" AllowPaging="true" |
AllowCustomPaging="True"> |
<RowIndicatorColumn> |
<HeaderStyle Width="20px"></HeaderStyle> |
</RowIndicatorColumn> |
<ExpandCollapseColumn> |
<HeaderStyle Width="20px"></HeaderStyle> |
</ExpandCollapseColumn> |
<Columns> |
<telerik:GridBoundColumn DataField="RecNo" Display="false" Visible="false" UniqueName="recno"></telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="CompanyId" HeaderText="Company" |
UniqueName="column1"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="DrafterUserId" HeaderText="Drafter User Id" |
UniqueName="column2"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="IssueNumber" HeaderText="Issue" |
UniqueName="column3"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="OrderNumber" HeaderText="Order Number" |
UniqueName="column4"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="DwgCode" HeaderText="Drawing Code" |
UniqueName="column5"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="Base" HeaderText="Base" |
UniqueName="column6"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="UserId" HeaderText="User Id" |
UniqueName="column7"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="DrawingNumber" HeaderText="Drawing Num." |
UniqueName="column8"> |
</telerik:GridBoundColumn> |
<telerik:GridDateTimeColumn DataField="DraftStartDt" DataType="System.DateTime" |
HeaderText="Draft Start Date" UniqueName="column9"> |
</telerik:GridDateTimeColumn> |
</Columns> |
<PagerStyle Visible="False" /> |
</MasterTableView> |
<HeaderContextMenu Skin="Office2007" EnableTheming="True"> |
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> |
</HeaderContextMenu> |
<PagerStyle Mode="NextPrevAndNumeric" Visible="false" /> |
<ClientSettings AllowDragToGroup="True" AllowColumnsReorder="True" |
ReorderColumnsOnClient="True" ColumnsReorderMethod="Reorder" > |
<Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="100%" SaveScrollPosition="true" EnableVirtualScrollPaging="true"/> |
<Resizing AllowColumnResize="true" /> |
</ClientSettings> |
<FilterMenu EnableTheming="True" Skin="Office2007"> |
<CollapseAnimation Duration="200" Type="OutQuint" /> |
</FilterMenu> |
</telerik:RadGrid> |
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1"> |
<AjaxSettings> |
<telerik:AjaxSetting AjaxControlID="RadGrid1"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="RadGrid1" |
LoadingPanelID="RadAjaxLoadingPanel1" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
</AjaxSettings> |
</telerik:RadAjaxManager> |
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" |
Width="75px" Transparency="25" > |
<img alt="Loading..." src='images/Grid/spinner.gif' style="border: 0px;" /> |
</telerik:RadAjaxLoadingPanel> |
C# code behind:
......... |
protected void RadGrid1_NeedDataSource(object source, GridNeedDataSourceEventArgs e) |
{ |
RadGrid1.DataSource = buildGridData(); |
//throw new NotImplementedException(); |
} |
protected void Page_Load(object sender, EventArgs e) |
{ |
MenuHeader.BuildBaseMenu(); |
} |
public List<Issue> GetIssList() |
{ |
List<Issue> tmpiss = Issue.getByCompanyId(23); |
issues = tmpiss; |
return tmpiss; |
} |
private List<Issue> buildGridData() |
{ |
return GetIssList(); |
} |
........... |