Questions on UI for ASP.NET AJAX Forum

1 answer

112 views

Dragging a row outside of a grid causes issues

I have a grid that allows drag n drop of a row. When I drag a row outside of a grid, and let go of it, the dragged row is still attached to the mouse in IE 7 and 8. This does not happen in firefox. Also, I tried this on the demo telerik's site and the issue is still there on the latest version.

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx

Does anyone have a solution to this?

Thanks.

Grid

answered on 31 Mar 2010

2 answers

86 views

Selecting Rows with CTRL + SHIFT doesn't trigger an AJAX Postback

Hi everybody

The title mentions it all :)

The AllowMultiRowSelection property is enabled, but whenever I select a multiple rows using the CTRL + SHIFT combo, the rows are marked as selected but the OnSelectedIndexChanged event doesn't fire. Am I missing something?

I'll provide further information if needed.

Thanks in advance.

Regards,

Mallory

Grid

answered on 31 Mar 2010

2 answers

106 views

Question about GridDropDownColumn

I have a RadGrid with a GridDropDown column:

    
            <telerik:RadGrid ID="DGrid" runat="server" AutoGenerateColumns="False" 
        
                Width="100%" AllowAutomaticDeletes="True" GridLines="None" OnItemDataBound="DGrid_ItemDataBound" 
        
                OnNeedDataSource="DGrid_NeedDataSource" OnInsertCommand="DGrid_InsertCommand" 
        
                OnUpdateCommand="DGrid_UpdateCommand" OnDeleteCommand="DGrid_DeleteCommand" 
        
                AllowMultiRowEdit="false">  
        
                <mastertableview commanditemdisplay="Bottom" editmode="InPlace">  
        
                    <HeaderStyle Wrap="false" /> 
        
                    <RowIndicatorColumn> 
        
                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                    </RowIndicatorColumn> 
        
                    <ExpandCollapseColumn> 
        
                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                    </ExpandCollapseColumn> 
        
                    <Columns> 
        
                        <telerik:GridDropDownColumn DataField="Id" UniqueName="Id" 
        
                            ListValueField="SystemID" ListTextField="SystemName" HeaderText="D" 
        
                            ItemStyle-Wrap="false" ItemStyle-Font-Names="Arial" ItemStyle-Width="500px">  
        
                               <ItemStyle Font-Names="Arial" /> 
        
                        </telerik:GridDropDownColumn> 
        
                        <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn" ButtonType="LinkButton" > 
        
                        </telerik:GridButtonColumn> 
        
                    </Columns> 
        
                </mastertableview> 
        
                <clientsettings> 
        
                    <Selecting AllowRowSelect="false" /> 
        
                </clientsettings> 
        
            </telerik:RadGrid>

My questions are:
How do I specify that the box that holds the values in the dropdownlist needs to be X pixels wide?
The text that shows up in the RadCombobox, how do you set the style?

Just not sure where to find the answers.

J

Grid

answered on 31 Mar 2010

1 answer

196 views

[Solved] Get Expand/Collapse Column in Child Grid

I have a master grid that opens to show rows in a child grid. The master grid has alternating colors for rows. I want the child rows to all have the same color as their parent row. This I have accomplished, but the first column (contains the expand/collapse button in parent row) is not colored appropriatly.

How do I get access to that column's cell to change it's background color?

I have attached two image files...one with parent collapsed and one with parent expanded.

Thank you,
Frank Prevatt

Grid

answered on 31 Mar 2010

1 answer

188 views

Problem with Aggregates in master/detail table hierarchy

Hi,

I want to have two different aggregates, one for the mastertable (easy) and a different one for a detailtable which is where I am having the issue. In the detail table I am using a gridBoundColumn, Aggregate="Sum" and the datafield and uniqueNames are unique, i.e. the do not exist anywhere else including anywhere in the mastertable.

Despite all this, the Sum aggregate from the master table for a different column named 'TotAmount' is showing in the DetailTable in a column named 'PayAmount'

I was assuming from the samples that its possible to have a nested hierarchy with aggregates - but for whatever reason, I am hitting the wall here. Any help appreciated.

Grid

answered on 31 Mar 2010

1 answer

141 views

[Solved] Prevent single button from ajax update

I have a toolbar with several buttons. The toolbar is ajaxified so the buttons raise ajax updates. I want one of the buttons to do a postback instead (it is used to export some grid content, and cannot do so through an ajax update). I am able to handle the ajax manager requeststart event, but I am not sure how to get a reference to the particular button in order to set enableajax = false for it. I am able to get a reference to the toolbar as a whole through the eventArgs.get_eventTarget() method, but I don't want to disable ajax for the whole toolbar.. only one particular button.

ToolBar

answered on 31 Mar 2010

0 answers

56 views

Time line issuse

hi,
can we break a time slot into its sub parts
for eg:
i have 10 min time slot region and my appointment is 2 min so can i adjust one or more 2 min appointment in Same 10 min Time slot????

thanks
Regarded as:
Muhammad Ali

Scheduler

asked on 31 Mar 2010

1 answer

98 views

Aggregate on DetailTable footer

Hi, we have a master/detail table. The master table has an Aggregate Sum on a $ amount column. We have a detail table that shows multiple payments on an order. I would like to have a aggregate total on the detail table when you expand and view it, but right now, the detailtable aggregate is the same as the master table aggregate. ANy thoughts on what i am doing wrong? Thanks.

Grid

answered on 31 Mar 2010

1 answer

161 views

AJAX and content holders

Below you will see the demo of the problem I have.

I need from edittemplate of the Grid in ButtonControl to update Message Control in Master Page. If inside of the proxy I don't put

    
            <telerik:RadAjaxManagerProxy ID="ramProxyShow" runat="server">  
        
                <AjaxSettings> 
        
                    <telerik:AjaxSetting AjaxControlID="RadGrid1">  
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </telerik:RadAjaxManagerProxy>

I don't put AjaxSettings - everything is OK and works. But with it it doesn't.

Any suggestions?

I have Master Page

    
            <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MainMaster.master.cs" Inherits="Test_Web_Application.MainMaster" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <%@ Register src="UserControls/Message.ascx" tagname="Message" tagprefix="uc1" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head runat="server">  
        
                <title></title>  
        
                <asp:ContentPlaceHolder ID="head" runat="server">  
        
                </asp:ContentPlaceHolder> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                    <uc1:Message ID="MessageInfo" runat="server" /> 
        
                    <asp:ContentPlaceHolder ID="ContentBlock" runat="server">  
        
                    </asp:ContentPlaceHolder> 
        
                </div> 
        
                <telerik:radscriptmanager ID="ScriptManager" runat="server">  
        
                </telerik:radscriptmanager> 
        
                <telerik:radajaxloadingpanel ID="RadAjaxLoadingPanel" runat="server"   
        
                    Transparency="20">  
        
                </telerik:radajaxloadingpanel> 
        
                <telerik:radajaxmanager ID="RadAjaxManager" runat="server"   
        
                    DefaultLoadingPanelID="RadAjaxLoadingPanel">  
        
                </telerik:radajaxmanager> 
        
                </form> 
        
            </body> 
        
            </html>

    
            using System;  
        
            using System.Collections.Generic;  
        
            using System.Linq;  
        
            using System.Web;  
        
            using System.Web.UI;  
        
            using System.Web.UI.WebControls;  
        
            using Test_Web_Application.UserControls;  
        
            namespace Test_Web_Application  
        
            {  
        
                public partial class MainMaster : System.Web.UI.MasterPage  
        
                {  
        
                    public Message MessageControl   
        
                    {   
        
                        get  
        
                        {  
        
                            return MessageInfo;  
        
                        }  
        
                    }  
        
                    protected void Page_Load(object sender, EventArgs e)  
        
                    {  
        
                    }  
        
                }  
        
            }

ContentPage

    
            <%@ Page Title="" Language="C#" MasterPageFile="~/MainMaster.Master" AutoEventWireup="true" CodeBehind="TestMPwithAJAX.aspx.cs" Inherits="Test_Web_Application.TestMPwithAJAX" %> 
        
            <%@ Register src="UserControls/ButtonControl.ascx" tagname="ButtonControl" tagprefix="uc2" %> 
        
            <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">  
        
            </asp:Content> 
        
            <asp:Content ID="Content3" ContentPlaceHolderID="ContentBlock" runat="server">  
        
                <uc2:ButtonControl ID="ButtonControlShow" runat="server" /> 
        
            </asp:Content>

2 user Controls:
Message Control

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Message.ascx.cs" Inherits="Test_Web_Application.UserControls.Message" %> 
        
            <asp:Label ID="LabelMessage" runat="server" Text="Label"></asp:Label>

    
            using System;  
        
            using System.Collections.Generic;  
        
            using System.Linq;  
        
            using System.Web;  
        
            using System.Web.UI;  
        
            using System.Web.UI.WebControls;  
        
            namespace Test_Web_Application.UserControls  
        
            {  
        
                public partial class Message : System.Web.UI.UserControl  
        
                {  
        
                    protected void Page_Load(object sender, EventArgs e)  
        
                    {  
        
                    }  
        
                    public string CurrentMessage   
        
                    {  
        
                        get  
        
                        {  
        
                            return LabelMessage.Text;  
        
                        }  
        
                        set  
        
                        {  
        
                            LabelMessage.Text = value;  
        
                        }  
        
                    }  
        
                }  
        
            }

Button Control with Grid

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ButtonControl.ascx.cs" Inherits="Test_Web_Application.UserControls.ButtonControl" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <asp:Button ID="ButtonShowMessage" runat="server" Text="Show Message" onclick="ButtonShowMessage_Click" /> 
        
            <telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None"   
        
                AutoGenerateColumns="False" Skin="Office2007"   
        
                onneeddatasource="RadGrid1_NeedDataSource" Width="800px"   
        
                oninsertcommand="RadGrid1_InsertCommand" onitemcreated="RadGrid1_ItemCreated">  
        
                <ClientSettings> 
        
                    <Scrolling AllowScroll="true" /> 
        
                </ClientSettings> 
        
                <MasterTableView DataKeyNames="PaymentFrequencyID" EditMode="EditForms" Width="2000px" CommandItemDisplay="Top">  
        
                    <Columns> 
        
                        <telerik:GridTemplateColumn DataField="Disabled" DataType="System.Boolean"   
        
                            HeaderText="Disabled"   
        
                            UniqueName="Disabled">  
        
                            <ItemTemplate> 
        
                                <asp:CheckBox ID="chkDisabled" runat="server" /> 
        
                            </ItemTemplate> 
        
                        </telerik:GridTemplateColumn> 
        
                    </Columns> 
        
                    <editformsettings editformtype="Template">  
        
                        <formtemplate> 
        
                            <asp:Button ID="btnShowMessageFromTheGrid" runat="server" onclick="btnShowMessageFromTheGrid_Click" Text="Show Message" /> 
        
                       </formtemplate> 
        
                    </editformsettings> 
        
                </MasterTableView> 
        
                <ClientSettings> 
        
                    <Resizing AllowColumnResize="True" /> 
        
                </ClientSettings> 
        
            </telerik:RadGrid> 
        
            <telerik:RadAjaxManagerProxy ID="ramProxyShow" runat="server">  
        
                <AjaxSettings> 
        
                    <telerik:AjaxSetting AjaxControlID="RadGrid1">  
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </telerik:RadAjaxManagerProxy>

    
            using System;  
        
            using System.Collections.Generic;  
        
            using System.Linq;  
        
            using System.Web;  
        
            using System.Web.UI;  
        
            using System.Web.UI.WebControls;  
        
            namespace Test_Web_Application.UserControls  
        
            {  
        
                public partial class ButtonControl : System.Web.UI.UserControl  
        
                {  
        
                    protected void Page_Load(object sender, EventArgs e)  
        
                    {  
        
                    }  
        
                    protected void btnShowMessageFromTheGrid_Click(object sender, EventArgs e)  
        
                    {  
        
                        (this.Page.Master as MainMaster).MessageControl.CurrentMessage = "TEST TEST";  
        
                    }  
        
                    protected void ButtonShowMessage_Click(object sender, EventArgs e)  
        
                    {  
        
                        (this.Page.Master as MainMaster).MessageControl.CurrentMessage = "TEST";  
        
                    }  
        
                    protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)  
        
                    {  
        
                        var list = new List<TestDIVBorder>();  
        
                        list.Add(new TestDIVBorder() { PaymentFrequencyID = 1, Disabled = true });  
        
                        RadGrid1.DataSource = list;  
        
                    }  
        
                    protected void RadGrid1_InsertCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)  
        
                    {  
        
                    }  
        
                    protected void RadGrid1_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)  
        
                    {  
        
                    }  
        
                }  
        
            }

Grid

answered on 31 Mar 2010

3 answers

431 views

[Solved] Pagerstyle AlwaysVisible="true" not work?

I want to see pager even if there is only one page, so I add AlwaysVisible="true" to the PagerStyle, but seems no effect.
What's wrong with it?

    
            <telerik:RadGrid ID="RGPlaylist" Skin="ParagalloSkin" EnableEmbeddedSkins="false" CssClass="list_one" runat="server" Width="800px"  
        
                                GridLines="None" AutoGenerateColumns="false" 
        
                                ForeColor="#333333" 
        
                                AllowSorting="True" PageSize="10" 
        
                                DataKeyNames = "PlaylistID" OnPreRender="RGPlaylist_PreRender" OnNeedDataSource="RGPlaylist_NeedDataSource" 
        
                                AllowPaging="true" AllowFilteringByColumn="true"  AllowAutomaticDeletes="true"> 
        
                                <ItemStyle CssClass="rows" /> 
        
                                <AlternatingItemStyle CssClass="alternate_rows" /> 
        
                                <GroupingSettings CaseSensitive="false" /> 
        
            ...... 
        
            <FooterStyle BackColor="#fff" Font-Bold="True" ForeColor="White" /> 
        
                        <HeaderStyle BackColor="#b6b6b6" Font-Bold="True" CssClass="toprow" /> 
        
                                <PagerStyle Mode="NumericPages" ShowPagerText="true" CssClass="gridPager" BackColor="#ececea" ForeColor="Gray" AlwaysVisible="true"  PagerTextFormat="Endre side: {4} Side {0} av {1}, produkt {2} til {3} av totalt {5}"/> 
        
                                <SortingSettings SortToolTip="Klikk her for å sortere" SortedAscToolTip="sortert stigende" 
        
                            SortedDescToolTip="sortert desc" /> 
        
                           </telerik:RadGrid>

Grid

answered on 31 Mar 2010