Questions on UI for ASP.NET AJAX Forum

1 answer

116 views

Grid DropDown Column does not show while editing

The grid dropdown column does not expand to select an item in edit mode. Are there any properties that are to be set to enable the dropdown.

Thanks,
Divya

Grid

answered on 21 Jul 2009

1 answer

58 views

How to make RFD Selects and RadComboBox look identical in the Web20 skin?

Hi,

I'm using the Web20 skin throughout my project and wanted the visual look of RadComboBoxes and Select dropdowns styled with the RadFormDecorator to be visually identical.

I tried creating a custom skin for the FormDecorator and switching the image with the one from the RadComboBox, but the image didn't line up properly.

Is there an easier way to get the visual appearances identical than manually figuring out and recalculating the background offsets?

Thanks.

FormDecorator

answered on 21 Jul 2009

1 answer

121 views

Initiate Filtering on Command Button Click

Hello,

I have a Filter button inside the <CommandItemTemplate>.

<asp:Button ID="btnFilterCommand" CommandName="Filter" Style="font-size: xx-small"

runat="server" Text="Filter" />

I have preset the filtering like this:

<telerik:GridBoundColumn MaxLength="40" DataField="Description" HeaderText="Description"

CurrentFilterFunction="StartsWith" AutoPostBackOnFilter="false" FilterControlWidth="200px"

SortExpression="Description" UniqueName="Description">

</telerik:GridBoundColumn>

I want the user to be able to enter the filter text and filter type for each column and initiate filtering only on the Filter button click (not when selecting a filter type).

Could someone point me to an example of this or give me some guidance?

Thanks,

Ken

Grid

answered on 21 Jul 2009

1 answer

253 views

how to select a row programmatically

Hi,
How can I set a row as selected by the datakey value from the code side?
If this is possible, should I also concern about paging?
Thanks.

Grid

answered on 21 Jul 2009

1 answer

107 views

How to display the sum of a column on the footer of a grid

I want to caculate the sum of a column and display it on the footer.
Would you please give me a demo?
Thanks very much!

Grid

answered on 21 Jul 2009

2 answers

329 views

Updating Window after Long Running Async Operation

I am looking to use the RadWindow as a progress / operation complete window for bulk operations on items in a RadGrid. I am running into challenges keeping the window up after the operation and communicating with it without the window closing after the operation is complete. Here's a small sample of the main page:

    
            <%@ Page Language="C#" AutoEventWireup="true" Async="true" %> 
        
            <%@ Import Namespace="System.Runtime.Remoting.Messaging" %> 
        
            <%@ Import Namespace="System.Threading" %> 
        
            <!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">  
        
                <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" /> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <telerik:RadScriptManager ID="ScriptManager" runat="server">  
        
                    <Scripts> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
        
                    </Scripts> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadAjaxManager ID="AjaxManager" runat="server" /> 
        
                <telerik:RadWindowManager ID="WindowManager" runat="server">  
        
                    <Windows> 
        
                        <telerik:RadWindow ID="Progress" runat="server" Behaviors="Move, Resize" Modal="true" 
        
                            Title="Operation Progress" VisibleStatusbar="false" /> 
        
                    </Windows> 
        
                </telerik:RadWindowManager> 
        
                <telerik:RadCodeBlock ID="CodeBlock" runat="server">  
        
                    <script type="text/javascript">  
        
                        function UpdateProgress(success, value)  
        
                        {  
        
                            GetRadWindowManager().getWindowByName('Progress'); oWnd.get_contentFrame().contentWindow.DisplayResults(success, value);  
        
                        }  
        
                    </script> 
        
                </telerik:RadCodeBlock> 
        
                <asp:UpdatePanel ID="Panel1" runat="server">  
        
                    <ContentTemplate> 
        
                        <asp:Button ID="Submit" runat="server" Text="Do a Long-Running Operation" OnClick="Submit_Click" 
        
                            OnClientClick="window.radopen('Progress.aspx', 'Progress');" /> 
        
                    </ContentTemplate> 
        
                    <Triggers> 
        
                        <asp:AsyncPostBackTrigger ControlID="Submit" EventName="Click" /> 
        
                    </Triggers> 
        
                </asp:UpdatePanel> 
        
                </form> 
        
            </body> 
        
            </html> 
        
            <script runat="server">  
        
                private void LongRunningMethod(string name)  
        
                {  
        
                    Thread.Sleep(5000);  
        
                }  
        
                private delegate void LongRun(string name);  
        
                protected void Submit_Click(object sender, EventArgs e)  
        
                {  
        
                    PageAsyncTask task = new PageAsyncTask(  
        
                        delegate(Object source, EventArgs ea, AsyncCallback callback, Object state)  
        
                        {  
        
                            return (new LongRun(LongRunningMethod)).BeginInvoke("Sleep", callback, state);  
        
                        },  
        
                        delegate(IAsyncResult ar)  
        
                        {  
        
                            ((LongRun)((AsyncResult)ar).AsyncDelegate).EndInvoke(ar);  
        
                            Page.ClientScript.RegisterStartupScript(this.GetType(),  
        
                                "UpdateProgressDialog",  
        
                                @"UpdateProgress(true, 'test worked, click close to refresh the page');", true);  
        
                        }, null, null);  
        
                    Page.RegisterAsyncTask(task);  
        
                }  
        
            </script>

Here is what the progress dialog looks like:

    
            <%@ Page Language="C#" AutoEventWireup="true" %> 
        
            <!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">  
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <telerik:RadScriptManager ID="ScriptManager" runat="server">  
        
                    <Scripts> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
        
                    </Scripts> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadAjaxManager ID="AjaxManager" runat="server" /> 
        
                <asp:Panel ID="ProcessingRequest" runat="server">  
        
                    Processing Your Request  
        
                    <img alt="Please Wait..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading4.gif") %>' /> 
        
                </asp:Panel> 
        
                <asp:Panel ID="Success" runat="server" Visible="false">  
        
                    Operation was a success!  
        
                    <ul> 
        
                        <li>Messages</li> 
        
                    </ul> 
        
                    <a href="#">Close</a> 
        
                </asp:Panel> 
        
                <script type="text/javascript">  
        
                    function GetRadWindow()  
        
                    {  
        
                        var oWindow = null;  
        
                        if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog  
        
                        else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)  
        
                        return oWindow;  
        
                    }  
        
                    function DisplayResults(success, value)  
        
                    {  
        
                        // TODO: Hide please wait section  
        
                        if (success)  
        
                        {  
        
                            // TODO: Show success section  
        
                            // TODO: Bind results list to bullet list  
        
                        }  
        
                        else  
        
                        {  
        
                            // TODO: Show failure section  
        
                            // TODO: Bind results list to bullet list  
        
                        }  
        
                        alert('hello ' + value);  
        
                    }  
        
                </script> 
        
                </form> 
        
            </body> 
        
            </html>

Any thoughts on where to go from here? My first challenge is that GetRadWindowManager() is undefined when the operation tries to complete the callback.

Window

answered on 21 Jul 2009

2 answers

170 views

Create appoint across days

I am using the scheduler control for Day and Time selection, the user can select timespan on days of week for which a particular activity will be performed. To achieve this, my rad schedule tag is as follows:

<telerik:RadScheduler runat="server" ID="rdsTimeSelection"
            Width="900px" EnableEmbeddedSkins="True" SelectedView="WeekView"
            DayStartTime="00:00:00" DayEndTime="23:59:59" ShowAllDayRow="true"
                AllowEdit="true" AllowInsert="true" WorkDayStartTime="00:00:00"
                WorkDayEndTime="23:59:59" ShowHeader="False" DataEndField="End"
                DataKeyField="ID" DataStartField="Start" DataSubjectField="Subject"
                FirstDayOfWeek="Monday" LastDayOfWeek="Sunday" MinutesPerRow="60"
                OverflowBehavior="Expand" ShowFooter="False" ShowFullTime="True"
                ShowMonthlyColumnHeader="False" ShowNavigationPane="False"
                ShowResourceHeaders="False" ShowViewTabs="False"
                StartEditingInAdvancedForm="False" TimeLabelRowSpan="1">
                <MonthView ShowDateHeaders="False" ShowResourceHeaders="False" />
                <WeekView ColumnHeaderDateFormat="ddd" HeaderDateFormat="ddd" />
        </telerik:RadScheduler>

This works great, but now the users want to selected a timespan across multiple days by clicking and dragging across the scheduler. They dont want to have to create the same appointment over and over for multiple days. Is it possible with rad scheduler?

Scheduler

answered on 21 Jul 2009

4 answers

406 views

RadRotator不能在IE下显示

浏览在线示例“RadRotator for ASP.NET AJAX”的时候，当我使用的是IE7、8浏览器时，都出现了JavaScript脚本错误：“Error:'style.getPropertyValue' 为空或不是对象”，以至于不能显示RadRotator。
而使用FireFox却可以正常浏览。
同时，在这里发帖提问，也只能使用FireFox浏览器。使用IE依旧有这样的脚本错误。

困惑中。

------------------------------------------------------
my English is poor ,sorry.
my main mean is when I browse the live demo about "RadRotator for ASP.NET AJAX", under IE7, IE 8. there are appear JavaScript error:“Error:'style.getPropertyValue' is null or is not object ..”,so that, the browser can not show RadRotator control.
But it is OK under Firefox !

and there also has the same problem in the "New Thread ". so I just only use Firefox to write down my questions .

I'm in trouble.

-----------------------------------------

my system : WIN XP PRO SP3, IE 7,8, visual studio 2008. (two computers have the same problem )

------

just now , I browse under WIN SERVER 2003 R2, IE 7,8 , it is ok.

may be there are some questions setting in the other computers ? how to solve ...

I'm in trouble terrible

---------------------

for example , when I browse the demo:"http://demos.telerik.com/aspnet-ajax/rotator/examples/default/defaultcs.aspx"
IE JavaScript ERROR :
网页错误详细信息

用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; InfoPath.1; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; CIBA)
时间戳: Thu, 16 Jul 2009 02:15:04 UTC

消息: 'style.getPropertyValue' 为空或不是对象
行: 122
字符: 4
代码: 0
URI: http://demos.telerik.com/aspnet-ajax/ScriptResource.axd?d=9szplkJlpH59_Agb8Dqfjm-R70A7ZI2COBWbC8MhcHMUu3FkRyW1QHMKJS3e37kP0&t=2f70f01f

Rotator

answered on 21 Jul 2009

1 answer

116 views

Navigation doesn't work when scheduler is in a dynamically loaded user control

I'm having a problem with the navigation functionality of the RadScheduler. I'm using Q1 2009 SP2 (version 2009.1.527).

I have been using the scheduler on my site for many months now without problems. However, I have recently changed the site by placing the RadScheduler into a custom web user control. This user control is dynamically loaded when the user clicks a node in a RadTreeView. So the 2 changes are that the scheduler is in a user control and the user control is dynamically loaded.

The initial load of the user control works correctly. The problem occurrs when I use the left and right arrows in the navigation panel to go to different months. I am unable to get more than 1 month away from the current month. So for example, if the current month is July, I can click the right arrow to go to August, but clicking the right arrow again only reloads August instead of going to September. Interestingly, this issue does not occurr if I use the pop up RadCalendar for navigation.

Also, I should mention that I'm using the VisibleRangeStart and VisibleRangeEnd properties to only load the "in view" appointments. By tracing through the code, I can see that properties do not have the correct values when I use the left and right arrows for navigation.

Any thoughts on how to fix this? I think the problem may be that the RadScheduler's ViewState is not being preserved properly.

Scheduler

answered on 20 Jul 2009

4 answers

497 views

Change SelectedDate (DateTime) format

Hello-

I'm working on a page that has a regular calendar control, i bind "selectedDays" to a database and show these days with an offset background color. This tells the user that a record exists on that day. My next step is for the user to then click that date and in a RadDataGrid show all the records for that day.

At this time when i click a highlighted date that i know has a record, it will only show a matching record if it has a Date and Time stamp of 12:00:00 attached to it. However the database has DateTime for when the record was created by the user.

Basically i want the SQL statement triggered by the SelectedDate property of the Calendar control to only send the format Month,Day,Year. I'm not sure how i can control this.

At this time, my code is inline for the clicking of the date to populate the RadGrid. The only codebehind is the code that displays the different background for SelectedDates with a record(s).

    
                <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:LionsConnectionString %>" 
        
                    SelectCommand="SELECT ArticleID, ArticleTitle, ArticleSubject, ArticleContent, ArticleDateTime, ArticleExp, ArticleExpChkBox, UserID, UserName FROM tblLionsArticles WHERE ((ArticleDateTime) = @ArticleDateTime)">  
        
                    <SelectParameters> 
        
                        <asp:ControlParameter ControlID="RadDatePicker1" DefaultValue="1/1/2008" Name="ArticleDateTime" 
        
                            PropertyName="SelectedDate" /> 
        
                    </SelectParameters> 
        
                </asp:SqlDataSource> 
        
                <div id="output" class="module" style="overflow: auto; float: right; width: 256px;  
        
                    height: 240px; margin-right: 0px; color: #ff0000; padding: 5px 5px 5px 5px;"> 
        
                </div> 
        
                <div style="padding-left: 5px">  
        
                    <telerik:RadCalendar ID="RadCalendar1" runat="server" Font-Names="Arial,Verdana,Tahoma" 
        
                        ForeColor="Black" Style="border-color: #ececec" EnableMultiSelect="False" Skin="Black" 
        
                        ViewSelectorText="x" OnDayRender="RadCalendar1_DayRender" AutoPostBack="True" 
        
                        EnableViewSelector="true" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
        
                        ShowOtherMonthsDays="False">  
        
                        <ClientEvents OnDateClick="Calendar_OnDateClick2" /> 
        
                        <SpecialDays> 
        
                            <telerik:RadCalendarDay IsSelected="true" Repeatable="Today" Date="" ItemStyle-CssClass="rcToday">  
        
                                <ItemStyle CssClass="rcToday"></ItemStyle> 
        
                            </telerik:RadCalendarDay> 
        
                        </SpecialDays> 
        
                    </telerik:RadCalendar>

Thank you!

Calendar

answered on 20 Jul 2009