Questions on UI for ASP.NET AJAX Forum

2 answers

111 views

Hi, I've started to try RadAjaxLoadingPanel, but it does work. I use MS Visual Studio 2010.
Loading pannel does nothing when I click button.

The Code I have tried is:

TesU.aspx

<%@ Page Language="c#" CodeBehind="TesU.aspx.cs" Inherits="ASOI.TesU" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head id="Head3" runat="server">
    <style type="text/css">
        .module1
        {
            background-color: #dff3ff;
            border: 1px solid #c6e1f2;
        }
    </style>
</head>
<body class="BODY">
    <form runat="server" id="Form2" method="post">

    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

      <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" IsSticky="false"
            EnableViewState="true" Enabled="true" MinDisplayTime="2000">
            <img id="imgLoader" src="Images/loading.gif" />
        </telerik:RadAjaxLoadingPanel>

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="Buttton1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>


    <fieldset class="module1">
        <asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center" Height="275px">

        </asp:Panel>
    </fieldset>

      <asp:Button ID="Button1" runat="server" Text="Click to see the loading image" OnClick="Button1_Click"
                Style="margin-top: 15px; margin-left: 15px" />
    </form>
</body>
</html>

TesU.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;

namespace ASOI
{
   public partial class TesU : System.Web.UI.Page
   {
       protected void Page_Load(object sender, EventArgs e)
       {

       }

       protected void Button1_Click(object sender, EventArgs e)
       {

           System.Threading.Thread.Sleep(2000);
       }
   }
}

Could anybody tell me, please, what I do wrong?

Ajax

answered on 22 Feb 2011

7 answers

191 views

RadGrid update Enter and update ChangeRow

Hello,

im currently trying the telerik control and i have some problem to create my grid. I found 2-3 source code but probably my problem is, i call this grid into a ascx and i have 10-15 grid in one page, so the javascript have some trouble to find the correct control.

So my website is, an apsx page in a masterpage and in my aspx i create ascx page who's having this grid, because i have like 10 grid per page so i would like to clear my code so 1 aspx with 10 ascx and in each ascx i have 1 grid.

First i would like on single click to go in edit mode ( this is done ), after that i would like 2 things
if the user change row, call the sql update
if the user press enter, call the sql update

thanks.

here's my code :

<script type="text/javascript">

function RowClick(sender, eventArgs)

{

sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());

}

function keyPressed(sender, args) {

if (args.get_keyCode() == 13) {

sender.get_masterTableView().updateItem($(el).parents("tr")[0]);

var e = args.get_domEvent().rawEvent;

e.returnValue = false;

e.cancelBubble = true;

if (e.stopPropagation) {

e.preventDefault();

e.stopPropagation();

}

</script>

</telerik:RadCodeBlock>

<table width="100%">

<tr><td align="center">

<telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="True" width="75%"

AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="True"

GridLines="None" Skin="Vista"

AllowAutomaticDeletes="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" >

<mastertableview autogeneratecolumns="False" CommandItemDisplay="Top"

insertitempageindexaction="ShowItemOnFirstPage" editmode="InPlace">

<CommandItemSettings AddNewRecordText="Add" ShowRefreshButton="False" />

<Columns>

<telerik:GridBoundColumn >
...

</telerik:GridBoundColumn>

<telerik:GridBoundColumn >
...

</telerik:GridBoundColumn

</Columns>

</mastertableview>

<clientsettings allowcolumnsreorder="True" reordercolumnsonclient="True">

<selecting allowrowselect="True" />

<ClientEvents OnRowClick="RowClick" OnKeyPress="keyPressed"/>

</clientsettings>

</telerik:RadGrid>

</td></tr>

</table>

Grid

answered on 22 Feb 2011

1 answer

152 views

[Solved] How to load more than 1 lakhs rows in radcombobox

Hi,
I am using RadComboBox which is used to display near
1 lakhs records in Page Load. but it taking lots of time for loading
the data..
Pls explain how to achieve these task...

Thanks

ComboBox

answered on 22 Feb 2011

1 answer

39 views

Master/Content RadAjaxManager - IE Error

JavaScript on Content Page:

function onRequestStart(sender, args) {

currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");

currentUpdatedControl = "<%= rightPanel.ClientID %>";

//show the loading panel over the updated control

currentLoadingPanel.show(currentUpdatedControl);

}

function onResponseEnd() {

//hide the loading panel and clean up the global variables

if (currentLoadingPanel != null)

currentLoadingPanel.hide(currentUpdatedControl);

currentUpdatedControl = null;

currentLoadingPanel = null;

}

function InitiateAsyncResults(argument) {

var m = $find("<%=RadAjaxManager.GetCurrent(Page).ClientID %>");

m.ajaxRequest(argument);

return false;

}

Page Load on Content Page

RadAjaxManager manager = RadAjaxManager.GetCurrent(Page);

manager.AjaxSettings.AddAjaxSetting(manager, rightPanel);

manager.ClientEvents.OnRequestStart = "onRequestStart";

manager.ClientEvents.OnResponseEnd = "onResponseEnd";

manager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(manager_AjaxRequest);

Working great in Firefox, but is throwing an error in IE (error below). I've added alerts into the JavaScript, to make sure it's finding the RadAjaxManager and the other controls and it is. Again it's working fine in Firefox.

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.6; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C; .NET4.0E)
Timestamp: Wed, 16 Feb 2011 19:03:16 UTC

Message: Unknown runtime error
Line: 15
Char: 34921
Code: 0
URI: http://localhost:4445/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a1f68db6e-ab92-4c56-8744-13e09bf43565%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%3aen-US%3a9506cff2-3a86-46c5-b869-6ba1478f3c27%3a16e4e7cd%3af7645509%3a22a6274a%3aed16cbdc%3a24ee1bba%3af46195d3%3a1e771326%3aaa288e2d%3a19620875%3a874f8ea2%3a490a9d4e%3abd8f85e4

Any help or ideas would be greatly appreciated.

Ajax

answered on 22 Feb 2011

2 answers

76 views

Need to add a letter 'W' in RadDatePicker

Hi all,

I have a page with RadDatePicker and RadGrid, etc.

Which all works fine without any issue.

Ok. While RadDatePicker is viewed, A column appears for Week Serial No without a heading.

Then it follows with S, M ,T, W, T, F and S. Many of the End Users are getting confused of it.

Need to insert a letter in the heading of Week Serial No.

Is there any option to Add or Insert.

Thank You.

-Anto

Calendar

answered on 22 Feb 2011

4 answers

128 views

htmlfile: Unspecified error.

Hi..
When I open my WIndow I'm getting the following error... in the Telerik.UI DLL.... Any ideas? Help.. thanks

}}

return b;

},getLocation:

function(t){if(t===document.documentElement){return new Sys.UI.Point(0,0);

}

if(Sys.Browser.agent==Sys.Browser.InternetExplorer){if(t.window===t||t.nodeType===9||!t.getClientRects||!t.getBoundingClientRect){return new Sys.UI.Point(0,0);

}

var B=t.getClientRects();

if

(!B||!B.length){return new Sys.UI.Point(0,0);

}

var j=B[0];

var

C=0;

Window

answered on 22 Feb 2011

1 answer

183 views

Calling ContentTemplated RadWindow Open from CodeBehind

I have a situation that I need some answers for please. I am working with the RadWindow control using the Contenttemplate. When my RadGrid is in EditMode, and user makes a selection from a contained dropdownlist, I would like to PopUp the RadWindow at that point showing user adding options to help further filter data. When user clicks to close the Radwindow, I want to return to my EditMode RadGrid displaying the selected options in my RadGrid Textbox.

My question is, how do I get my radwindow(content template) to display from codebehind.

<telerik:RadWindow ID="UserListDialog" runat="server" Title="Editing record" Width="250" Height="536" KeepInScreenBounds="true" Modal="true" Behaviors="Minimize, Move, Resize, Maximize" Left="580" Top="-8" EnableShadow="true">

<ContentTemplate>

<asp:Panel ID="PnlUserRoleList">

<asp:CheckBoxList ID="UserRoleCheckBoxList" runat="server" Width="60%" />

<asp:Button ID="btnAddselected" Text="AddItems" runat="server" />

<asp:Button ID="btnCancel" Text="Cancel" runat="server" />

</asp:Panel>

</ContentTemplate>

</telerik:RadWindow>

Window

answered on 22 Feb 2011

2 answers

143 views

Scheduler : Optimized Queries using Database Provider : How?

Hi

Subject says it all really!

I have implemented a database provider based upon http://demos.telerik.com/aspnet-ajax/scheduler/examples/dbschedulerprovider/defaultcs.aspx and that is working fine.

But what I want to do is optimise this like in http://demos.telerik.com/aspnet-ajax/scheduler/examples/optimizedqueries/defaultcs.aspx

How do I get the rangestart, rangeend details of the scheduler into the provider?

Any help / suggestions appreciated.

Thanks

Scheduler

answered on 22 Feb 2011

13 answers

192 views

[Solved] javascript for adding number returned by combobox and date time picker

i want to add number of days returned by combobox according to selection made with my date time picker,its giving me error,object type is not supprted in javascript,and while debugging its giving me object,object in alert box.

please help me

Calendar

answered on 22 Feb 2011

4 answers

323 views

Table wizard css style selector

Hi team,

Table wizard have some styles predefied in one style selector like "telerik-re table1"(Table properties,CSS Class Layout).
How to change and add my custom styles in this dropdown ?

Regards

Editor

answered on 22 Feb 2011