or
| <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server"> |
| <telerik:AjaxSetting AjaxControlID="GridList" EventName="ItemCommand"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="PanelPreview" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManagerProxy> |
| <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="GridList" EventName="ItemCommand"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="PanelPreview" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| <telerik:AjaxSetting AjaxControlID="GridList" EventName="PageIndexChanged"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="GridList" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManagerProxy> |
Hi,
I'm using RadControls for ASPNET AJAX Q2 2008 (Telerik.Web.UI.dll assembly version 2008.2.1001.20)
My problem is related to the horizontal scroll bar in the grid when I use FrozenColumnsCount > 0.
If you click in the middle of the bar (not of the slider) it flashes and the slider doesn't move
If you click and maintain clicked in the middle of the bar (not of the slider) it change color and the slider moves very slow
If you click on the right arrow the slider moves but only after I have clicked a lot of times.
You can check these behaviors on your test demo example:
http://demos.telerik.com/aspnet/Grid/Examples/GeneralFeatures/FrozenColumns/DefaultCS.aspx
Can you check and fix these problems?
Regards
| <asp:Panel ID="PanelOverviewPollAdvice" runat="server" SkinID="PageContent"> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| <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='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" /></telerik:RadAjaxLoadingPanel> |
| <br /> |
| <telerik:RadGrid ID="RadGrid1" runat="server" Skin="Vista" |
| GridLines="None" |
| AllowPaging="True" |
| AllowSorting="True" |
| Width="100%" |
| AutoGenerateColumns="False" |
| OnNeedDataSource="RadGrid1_NeedDataSource" |
| AllowFilteringByColumn="true" |
| PageSize="20" OnInit="RadGrid1_Init" |
| OnItemCreated="RadGrid1_ItemCreated" |
| OnDeleteCommand="RadGrid1_DeleteCommand" |
| AllowAutomaticDeletes="true"> |
| <PagerStyle AlwaysVisible="True" Mode="Slider" /> |
| <MasterTableView |
| GridLines="None" |
| Width="100%" |
| DataKeyNames="PollAdvisId" |
| IsFilterItemExpanded="true" |
| AllowFilteringByColumn="true"> |
| <RowIndicatorColumn><HeaderStyle Width="22px" /> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn><HeaderStyle Width="22px" /> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridBoundColumn AllowFiltering="false" UniqueName="PollAdvisId" HeaderText="ID" DataField="PollAdvisId" ItemStyle-HorizontalAlign="Left"> |
| <HeaderStyle Width="30px" HorizontalAlign="Left" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn UniqueName="Email" HeaderText="E-mail" DataField="Email" ItemStyle-HorizontalAlign="Left"> |
| <HeaderStyle HorizontalAlign="Left" /> |
| <ItemStyle HorizontalAlign="Left" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn UniqueName="Advis" HeaderText="Advies" DataField="Advis" ItemStyle-HorizontalAlign="Left"> |
| <HeaderStyle HorizontalAlign="Left" /> |
| <ItemStyle HorizontalAlign="Left" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridDateTimeColumn UniqueName="LastUpdate" HeaderText="Datum" DataField="LastUpdate" ItemStyle-HorizontalAlign="Left" DataType="System.DateTime" DataFormatString="{0:dd MM yyyy}"> |
| <HeaderStyle HorizontalAlign="Left" /> |
| <ItemStyle HorizontalAlign="Left" /> |
| </telerik:GridDateTimeColumn> |
| <telerik:GridButtonColumn UniqueName="DeleteColumn" Text="Delete" |
| CommandName="Delete" ButtonType="ImageButton" |
| ConfirmText="Do you want to delete this Pool advies?" |
| ConfirmDialogType="RadWindow" ConfirmTitle="Delete" |
| ItemStyle-HorizontalAlign="Left" Visible="true" HeaderText="Wissen"> |
| <ItemStyle HorizontalAlign="Left" /> |
| </telerik:GridButtonColumn> |
| </Columns> |
| </MasterTableView><FilterMenu EnableTheming="True" Skin="Vista"><CollapseAnimation Duration="200" Type="OutQuint" /></FilterMenu></telerik:RadGrid> |
| <telerik:RadWindowManager ID="RadWindowManager1" runat="server" Skin="Vista"></telerik:RadWindowManager> |
| </asp:Panel> |
| /// <summary> |
| /// |
| /// </summary> |
| private void LoadGrid() |
| { |
| var pollAdvice = new Business.PollAdvis(); |
| List<Business.PollAdvis> _list = pollAdvice.SelectAll(); |
| ViewState["PollAdviceList"] = _list; |
| RadGrid1.DataSource = _list; |
| RadGrid1.MasterTableView.DataKeyNames = new[] { "PollAdvisId" }; |
| RadGrid1.DataBind(); |
| } |
| /// <summary> |
| /// Delete an pollAdvice |
| /// </summary> |
| /// <param name="sender">object</param> |
| /// <param name="e">GridItemEventArgs</param> |
| protected void RadGrid1_DeleteCommand(object sender, GridCommandEventArgs e) |
| { |
| var item = (GridDataItem)e.Item; |
| string pollAdviceIdStr = item.OwnerTableView.DataKeyValues[item.ItemIndex]["PollAdvisId"].ToString(); |
| int _pollAdviceId = int.Parse(pollAdviceIdStr); |
| var _pollAdvice = new Business.PollAdvis(_pollAdviceId); |
| if (ViewState["PollAdviceList"] != null) |
| { |
| var _list = (List<Business.PollAdvis>) ViewState["PollAdviceList"]; |
| _list.Remove(_pollAdvice); |
| ViewState["PollAdviceList"] = _list; |
| } |
| _pollAdvice.Delete(_pollAdviceId); |
| } |
| /// <summary> |
| /// |
| /// </summary> |
| /// <param name="source">object</param> |
| /// <param name="ex">GridNeedDataSourceEventArgs</param> |
| protected void RadGrid1_NeedDataSource(object source, GridNeedDataSourceEventArgs ex) |
| { |
| if (ViewState["PollAdviceList"] != null) |
| { |
| var _list = (List<Business.PollAdvis>)ViewState["PollAdviceList"]; |
| RadGrid1.DataSource = _list; |
| } |
| } |

| <telerik:RadGrid ID="rgUsers" runat="server" GridLines="None" |
| AutoGenerateColumns="False" AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="True" |
| oneditcommand="rgUsers_EditCommand" |
| onneeddatasource="rgUsers_NeedDataSource" |
| ondetailtabledatabind="rgUsers_DetailTableDataBind" |
| OnUpdateCommand="rgUsers_UpdateCommand" |
| OnInsertCommand="rgUsers_InsertCommand" |
| ondeletecommand="rgUsers_DeleteCommand"> |
| <HeaderContextMenu EnableTheming="True"> |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> |
| </HeaderContextMenu> |
| <MasterTableView Name="Users" CommandItemDisplay="Top" DataKeyNames="Id"> |
| <DetailTables> |
| <telerik:GridTableView Name="Contacts" AutoGenerateColumns="False" CommandItemDisplay="Top" DataKeyNames="Id"> |
| <EditFormSettings EditFormType="Template"> |
| <FormTemplate> |
| Address: |
| <asp:TextBox ID="txtAddress" runat="server" Text='<%# Bind("Address") %>' /> |
| <br /> |
| City: |
| <asp:TextBox ID="txtCity" runat="server" Text='<%# Bind("City") %>' /> |
| <br /> |
| Zip |
| <asp:TextBox ID="txtZip" runat="server" Text='<%# Bind("Zip") %>' /> |
| <br /> |
| <asp:LinkButton ID="btnUpdate" runat="server" CommandName="Update" Visible='<%# Eval("Id").ToString().Length != 0 %>'>Update</asp:LinkButton> |
| <asp:LinkButton ID="btnAdd" runat="server" CommandName="PerformInsert" Visible='<%# Eval("Id").ToString().Length == 0 %>'>Add</asp:LinkButton> |
| |
| <asp:LinkButton ID="btnCancel" runat="server" CommandName="Cancel">Cancel</asp:LinkButton> |
| </FormTemplate> |
| </EditFormSettings> |
| <Columns> |
| <telerik:GridBoundColumn DataField="Address" HeaderText="Address" SortExpression="Address" UniqueName="Address"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="City" HeaderText="City" SortExpression="City" UniqueName="City"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Zip" HeaderText="Zip" SortExpression="Zip" UniqueName="Zip"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| <CommandItemTemplate> |
| <asp:LinkButton ID="btnInitInsert" runat="server" CommandName="InitInsert"> |
| Add new Contact |
| </asp:LinkButton> |
| <asp:LinkButton ID="btnRefresh" runat="server" CommandName="RebindGrid"> |
| Refresh contact list |
| </asp:LinkButton> |
| </CommandItemTemplate> |
| </telerik:GridTableView> |
| </DetailTables> |
| <EditFormSettings EditFormType="Template"> |
| <FormTemplate> |
| First name: |
| <asp:TextBox ID="txtFirstName" runat="server" Text='<%# Bind("FirstName") %>'></asp:TextBox> |
| <br /> |
| Last name: |
| <asp:TextBox ID="txtLastName" runat="server" Text='<%# Bind("LastName") %>'></asp:TextBox> |
| <br /> |
| <asp:LinkButton ID="btnUpdate" runat="server" CommandName="Update" Visible='<%# Eval("Id").ToString().Length != 0 %>'>Update</asp:LinkButton> |
| <asp:LinkButton ID="btnAdd" runat="server" CommandName="PerformInsert" Visible='<%# Eval("Id").ToString().Length == 0 %>'>Add</asp:LinkButton> |
| |
| <asp:LinkButton ID="btnCancel" runat="server" CommandName="Cancel">Cancel</asp:LinkButton> |
| </FormTemplate> |
| </EditFormSettings> |
| <CommandItemTemplate> |
| <asp:LinkButton ID="btnInitInsert" runat="server" CommandName="InitInsert" Visible='<%# !rgUsers.MasterTableView.IsItemInserted %>'> |
| Add new Customer |
| </asp:LinkButton> |
| <asp:LinkButton ID="btnRefresh" runat="server" CommandName="RebindGrid"> |
| Refresh customer list |
| </asp:LinkButton> |
| </CommandItemTemplate> |
| <RowIndicatorColumn> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridBoundColumn DataField="FirstName" HeaderText="First Name" SortExpression="FirstName" UniqueName="FirstName"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="LastName" HeaderText="Last Name" SortExpression="LastName" UniqueName="LastName"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| <FilterMenu EnableTheming="True"> |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> |
| </FilterMenu> |
| </telerik:RadGrid> |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| } |
| protected void rgUsers_NeedDataSource(object source, GridNeedDataSourceEventArgs e) |
| { |
| rgUsers.DataSource = TelerikDemo.User.GetAll(); |
| } |
| protected void rgUsers_DetailTableDataBind(object source, GridDetailTableDataBindEventArgs e) |
| { |
| GridDataItem parent = e.DetailTableView.ParentItem; |
| int userId = Convert.ToInt32(parent.GetDataKeyValue("Id")); |
| rgUsers.MasterTableView.DetailTables[0].DataSource = Contact.GetAllContactsForUser(userId); |
| } |
| protected void rgUsers_EditCommand(object source, GridCommandEventArgs e) |
| { |
| e.Item.Edit = true; |
| } |
| protected void rgUsers_UpdateCommand(object source, GridCommandEventArgs e) |
| { |
| GridEditableItem editedItem = e.Item as GridEditableItem; |
| if (e.Item.OwnerTableView.Name.Equals("Users")) // Update user |
| { |
| int userId = Convert.ToInt32(editedItem.GetDataKeyValue("Id")); |
| string firstName = (editedItem.FindControl("txtFirstName") as TextBox).Text; |
| string lastName = (editedItem.FindControl("txtLastName") as TextBox).Text; |
| TelerikDemo.User.Update(userId, firstName, lastName); |
| } |
| else if (e.Item.OwnerTableView.Name.Equals("Contacts")) // Update contact |
| { |
| int contactId = Convert.ToInt32(editedItem.GetDataKeyValue("Id")); |
| string address = (editedItem.FindControl("txtAddress") as TextBox).Text; |
| string city = (editedItem.FindControl("txtCity") as TextBox).Text; |
| string zip = (editedItem.FindControl("txtZip") as TextBox).Text; |
| Contact.Update(contactId, address, city, zip); |
| } |
| } |
| protected void rgUsers_InsertCommand(object source, GridCommandEventArgs e) |
| { |
| GridEditableItem editedItem = e.Item as GridEditableItem; |
| if (e.Item.OwnerTableView.Name.Equals("Users")) // Create user |
| { |
| string firstName = (editedItem.FindControl("txtFirstName") as TextBox).Text; |
| string lastName = (editedItem.FindControl("txtLastName") as TextBox).Text; |
| TelerikDemo.User.Create(firstName, lastName); |
| } |
| else if (e.Item.OwnerTableView.Name.Equals("Contacts")) // Create contact |
| { |
| string address = (editedItem.FindControl("txtAddress") as TextBox).Text; |
| string city = (editedItem.FindControl("txtCity") as TextBox).Text; |
| string zip = (editedItem.FindControl("txtZip") as TextBox).Text; |
| GridDataItem parent = e.Item.OwnerTableView.ParentItem; |
| int userId = Convert.ToInt32(parent.GetDataKeyValue("Id")); |
| Contact.Create(address, city, zip, userId); |
| } |
| } |
| protected void rgUsers_DeleteCommand(object source, GridCommandEventArgs e) |
| { |
| GridEditableItem editedItem = e.Item as GridEditableItem; |
| int id = Convert.ToInt32(editedItem.GetDataKeyValue("Id")); |
| if (e.Item.OwnerTableView.Name.Equals("Users")) // Remove user |
| { |
| TelerikDemo.User.Remove(id); |
| } |
| else if (e.Item.OwnerTableView.Name.Equals("Contacts")) // Remove contact |
| { |
| Contact.Remove(id); |
| } |
| } |