Questions on UI for ASP.NET AJAX Forum

110,724 questions

2 answers

132 views

Massive Data with Multi Columns and LoadOnDemand

Hi Telerik Team,

I'm using the ComboBox with Multi Columns using the OnItemsRequested event and LoadOnDemand.

However my datatable is about 100K records. How can I handle this in RadComboBox?
It is giving me error: "Error during serialization or deserialization using the JSON JavaScriptSerializer. The length of the string exceeds the value set on the maxJsonLength property."

The idea is I do not want to change the maxJsonLength property. I want the ComboBox to load only the items requested and not all the data once with the EnableVirtualScrolling property enabled.

Please do let me know how can I achieve such scenario.

P.S.: I do not want to go with RadGrid inside the RadComboBox.

Thanks,
Bilal

ComboBox

answered on 07 Dec 2011

2 answers

169 views

menu overlaps on another radmenu Items

Hi
I am using rad menus in my Asp.net page. i Have Taken two radmenus in my asp.net web page which overlaps with each other
what should i Do for not overlap these menus with each other
Need Your Feedback
please find following attachment

answered on 07 Dec 2011

1 answer

53 views

RadPanelBar with RadTreeView in FireFox Bug

I have a RadPanelBar with multiple items. In one of them I have 2 RadTreeView items in the item template. One is for Available and the other for Selected items. The transfer back and forth of nodes work in IE as expected, but fails in both Chrome and Firefox.

Thanks and regards,

M

Here's the code:

<radTS:RadPanelItem runat="server" Text="Filters" Enabled="True">

<Items>

<radTS:RadPanelItem runat="server" Value="FiltersTemplatedItem" >

                                                                

<radTS:RadPanelItem  runat="server" Text="Filters" Enabled="True"> 
                                                        <Items> 
                                                            <radTS:RadPanelItem runat="server" Value="FiltersTemplatedItem" > 
                                                                <ItemTemplate> 
                                                                    <!-- Filters -->
                                                                    <div class="prop_item_wrap"> 
                                                                          
                                                                        <table ID="Table1"  cellpadding="0" cellspacing="0" 
                                                                            class="tbl_filters"> 
                                                                            <tr> 
                                                                                <td> 
                                                                                    Available:</td> 
                                                                                <td> 
                                                                                     </td> 
                                                                                <td> 
                                                                                    Selected:</td> 
                                                                            </tr> 
                                                                            <tr> 
                                                                                <td class="available_fields"> 
                                                                                    <asp:Panel ID="PanelAvailable" runat="server"> 
                                                                                     
                                                                                        <radTS:RadTreeView   ID="RadTreeViewAvailable" runat="server" multipleselect="true" BorderColor="#888888" BorderStyle="Solid" BorderWidth="1px"  Height="300px" Width="250px" Skin="Windows7" > 
                                                                                        </radTS:RadTreeView> 
                                                                                    </asp:Panel> 
                                                                                </td> 
                                                                                <td class="hierarchy_btns"> 
                                                                                    <table cellpadding="0" cellspacing="0"> 
                                                                                        <tr> 
                                                                                            <td> 
                                                                                                 </td> 
                                                                                        </tr> 
                                                                                        <tr> 
                                                                                            <td> 
                                                                                                <button ID="FilterMoveRight" runat="server" disabled="disabled"> 
                                                                                                    > 
                                                                                                </button> 
                                                                                            </td> 
                                                                                        </tr> 
                                                                                        <tr> 
                                                                                            <td> 
                                                                                                <button ID="FilterMoveLeft" runat="server" disabled="disabled"> 
                                                                                                    < 
                                                                                                </button> 
                                                                                            </td> 
                                                                                        </tr> 
                                                                                        <tr> 
                                                                                            <td> 
                                                                                                <button ID="FilterMoveAllRight" runat="server"> 
                                                                                                    >> 
                                                                                                </button> 
                                                                                            </td> 
                                                                                        </tr> 
                                                                                        <tr> 
                                                                                            <td> 
                                                                                                <button ID="FilterMoveAllLeft" runat="server"> 
                                                                                                    << 
                                                                                                </button> 
                                                                                            </td> 
                                                                                        </tr> 
                                                                                        <tr> 
                                                                                            <td> 
                                                                                                 </td> 
                                                                                        </tr> 
                                                                                    </table> 
                                                                                </td> 
                                                                                <td class="selected_fields"> 
                                                                                    <asp:Panel ID="PanelSelected" runat="server"> 
                                                                                        <radTS:RadTreeView ID="RadTreeViewSelected"  runat="server"  MultipleSelect="true" BorderColor="#888888" BorderStyle="Solid" BorderWidth="1px"  Width="250px"
                                                                                             Height="300px" Skin="Windows7"> 
                                                                                        </radTS:RadTreeView> 
                                                                                    </asp:Panel> 
                                                                                </td> 
                                                                            </tr> 
                                                                        </table> 
                                                                        <asp:HiddenField ID="txtSelectedTreeViewDirty" Value="" runat="server" /> 
                                                                    </div> 
                                                                </ItemTemplate> 
                                                            </radTS:RadPanelItem> 
                                                        </Items> 
                                                    </radTS:RadPanelItem>

<ItemTemplate>

<div class="prop_item_wrap">

<table ID="Table1" cellpadding="0" cellspacing="0"

class="tbl_filters">

<tr>

<td>

Available:</td>

<td>

</td>

<td>

Selected:</td>

</tr>

<tr>

<td class="available_fields">

<asp:Panel ID="PanelAvailable" runat="server">

<radTS:RadTreeView ID="RadTreeViewAvailable" runat="server" multipleselect="true" Skin="Windows7" >

</radTS:RadTreeView>

</asp:Panel>

</td>

<td class="hierarchy_btns">

<table cellpadding="0" cellspacing="0">

<tr>

<td>

</td>

</tr>

<tr>

<td>

<button ID="FilterMoveRight" runat="server" disabled="disabled">

>

</button>

</td>

</tr>

<tr>

<td>

<button ID="FilterMoveLeft" runat="server" disabled="disabled">

<

</button>

</td>

</tr>

<tr>

<td>

<button ID="FilterMoveAllRight" runat="server">

>>

</button>

</td>

</tr>

<tr>

<td>

<button ID="FilterMoveAllLeft" runat="server">

<<

</button>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</td>

<td class="selected_fields">

<asp:Panel ID="PanelSelected" runat="server">

<radTS:RadTreeView ID="RadTreeViewSelected" runat="server" MultipleSelect="true" Skin="Windows7">

</radTS:RadTreeView>

</asp:Panel>

</td>

</tr>

</table>

</div>

</ItemTemplate>

</radTS:RadPanelItem>

</Items>

</radTS:RadPanelItem>

PanelBar

answered on 07 Dec 2011

1 answer

75 views

RadComboBox - Related ComboBoxes using WCF service

Is there an example of related combo boxes using a WCF service. I'm fimilar with the related combobox example that uses server side code.

Thanks.

ComboBox

answered on 07 Dec 2011

1 answer

149 views

RadProgressArea shows only elapsed time

Using your simple example "Monitoring Custom Progress" does not update anything but elapsed time.
http://demos.telerik.com/aspnet-ajax/upload/examples/customprogress/defaultcs.aspx

However, the codebehind runs and when completed the progress UI disappear as expected.
Changing the Culture sometimes makes the progress UI show the complete progress.
Stopping the debug and rerun the same code will not show progress.

My current Culture is da-DK, changing the page culture to en-US does not do the trick though.

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Upload2.aspx.cs" Inherits="PackageManagement.Pages.Common.Upload2" UICulture="en" Culture="en-US" %>

Please advise. My code:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Upload2.aspx.cs" Inherits="PackageManagement.Pages.Common.Upload2" UICulture="en" Culture="en-US" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="server">

<asp:button ID="buttonSubmit" runat="server" Text="Submit" OnClick="buttonSubmit_Click" CssClass="RadUploadButton" />

<telerik:RadProgressManager id="Radprogressmanager1" runat="server" />

<telerik:RadProgressArea id="RadProgressArea1" runat="server"

Culture="en-US" DisplayCancelButton="True" HeaderText="Uploading files" />

<br /><br /><br /><br /><br /><br />

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

</asp:Content>

Codebehind:

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;

using Telerik.Web.UI.Upload;

namespace PackageManagement.Pages.Common

{

public partial class Upload2 : System.Web.UI.Page

{

protected void Page_Load(object sender, System.EventArgs e)

{

if (!IsPostBack)

{

//Do not display SelectedFilesCount progress indicator.

RadProgressArea1.ProgressIndicators &= ~ProgressIndicators.SelectedFilesCount;

//RadProgressArea1.Culture = System.Globalization.CultureInfo.CurrentCulture;

//RadProgressArea1.Culture = new System.Globalization.CultureInfo("da");

}

RadProgressArea1.Localization.Uploaded = "Total Progress";

RadProgressArea1.Localization.UploadedFiles = "Progress";

RadProgressArea1.Localization.CurrentFileName = "Custom progress in action: ";

}

protected void buttonSubmit_Click(object sender, System.EventArgs e)

{

UpdateProgressContext();

}

private void UpdateProgressContext()

{

const int total = 100;

RadProgressContext progress = RadProgressContext.Current;

progress.Speed = "N/A";

for (int i = 0; i < total; i++)

{

progress.PrimaryTotal = 1;

progress.PrimaryValue = 1;

progress.PrimaryPercent = 100;

progress.SecondaryTotal = total;

progress.SecondaryValue = i;

progress.SecondaryPercent = i;

progress.CurrentOperationText = "Step " + i.ToString();

if (!Response.IsClientConnected)

{

//Cancel button was clicked or the browser was closed, so stop processing

break;

}

progress.TimeEstimated = (total - i) * 100;

//Stall the current thread for 0.1 seconds

System.Threading.Thread.Sleep(100);

}

Current version is 2011.3.1115.40

Upload (Obsolete)

answered on 07 Dec 2011

4 answers

906 views

Javascript failure: Uncaught TypeError: Cannot read property 'id' of undefined

Hi

I just started a new project were ASP.NET Ajax Teleriks components are used.
We use a RadGrid to present the result of a db search and a simple ASP.NET Button ctrl to submit the search. This button is, as I understand it, ajaxified:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest"
DefaultLoadingPanelID="RadAjaxLoadingPanel1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="buttonSearch">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="rgCustomers" />
</UpdatedControls>
</telerik:AjaxSetting>
....

rgCustomers is the ID of the RadGrid ctrl.

When this button is pressed on error occurs:
Uncaught TypeError: Cannot read property 'id' of undefined
The callstack is:

Telerik.Web.UI.RadAjaxControl._initializeRequestScriptResource.axd:107
Type$callBaseMethodScriptResource.axd:1261
Telerik.Web.UI.RadAjaxManager._initializeRequestScriptResource.axd:662
$type.createDelegateScriptResource.axd:628
$type.getHandlerScriptResource.axd:4338
Observer$raiseEventScriptResource.axd:2685
PageRequestManager$_onFormSubmitScriptResource.axd:1355
PageRequestManager$_doPostBackScriptResource.axd:911
$type.createDelegateScriptResource.axd:628
WebForm_DoPostBackWithOptionsWebResource.axd:42
PageRequestManager$_doPostBackWithOptionsScriptResource.axd:916
$type.createDelegateScriptResource.axd:628
(anonymous function)Customers.aspx:1217
onclick

and the RadGrid is not updated dispite that AjaxRequest event fired, an updated datasource was set and DataBind() method of the RadGrid ctrl was called.

I should say that everything works if you tab to the button and then press enter. And after this even mouse clicks works.
Problem seem to occur using all browsers (IE,FF,chrome)

Any ideas?

Thanks

Grid

answered on 07 Dec 2011

8 answers

222 views

Inherits RadAsyncUpload and OnFileUploaded

For some reason, I am not getting OnFileUploaded to fire when I inherit from RadAsyncUpload in my custom web server component. Could someone tell me whether this is possible or not?

Regards,
Alex

AsyncUpload

answered on 07 Dec 2011

3 answers

54 views

RadLisbox Buttons Do Not ENABLE consistently

Hello,

I am using radcontrols for asp.net ajax Q2 2011. I place two RadListBoxes within a RadPanelBar. The transfer buttons get enabled once in a while and only when the user refreshes the cache -- it works consistently in Firefox but not in IE.

Please help. Here's the code.

<radTS:RadPanelItem runat="server" Text="Groups">

<Items>

<radTS:RadPanelItem runat="server" Value="GroupsTemplatedItem">

<ItemTemplate>

<div class="prop_item_wrap">

<table ID="tblgroups" class="tbl_groups">

<tr>

<td class="directive" colspan="4">

Select fields from the Available list in the order you want them to be grouped.

</td>

</tr>

<tr>

<td>

Available Fields:</td>

<td>

</td>

<td>

Selected Fields:</td>

<td>

</td>

</tr>

<tr>

<td colspan="4">

<asp:Panel ID="panelGroups" runat="server">

<radTS:RadListBox ID="RadListBoxGroupAvailable" runat="server" Width="200px" Height="200px" SelectionMode="Multiple" AllowTransfer="true" TransferToID="RadListBoxGroupSelected" TransferMode="Move" AllowTransferOnDoubleClick="true">

</radTS:RadListBox>

<radTS:RadListBox ID="RadListBoxGroupSelected" runat="server" Width="200px" Height="200px" SelectionMode="Multiple" AllowReorder="true" >

</radTS:RadListBox>

</asp:Panel>

</td>

</tr>

</table>

</div>

</ItemTemplate>

</radTS:RadPanelItem>

</Items>

</radTS:RadPanelItem>

ListBox

answered on 07 Dec 2011

1 answer

88 views

Tab scrolling doesn't work correctly.

Hello Telerik team.

I have a problem with Tab scrolling.
I dynamically created Radtab on the RadTabStrip by Button Click event.
The Last Created Radtab does not appear RadTabStrip Area. It's in Second Row.
I have tested latest version. Q3 version. It still has problem.

I captured Screenshot and attaching source code.

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="OnlyTab._Default" %>

<!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>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<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" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

<asp:Button ID="Button1" runat="server" Text="Button" /><br />

<telerik:RadTabStrip ID="RadTabStripContent" runat="server" ScrollChildren="true" dir="LTL" Visible="true" Height="27" Width="100%" >

<TabTemplate>

<asp:Label ID="LabelTabName" runat="server" Text='<%# DataBinder.Eval(Container, "Text") %>' />

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/DeleteTab.gif" onclick="javascript:alert('hi hello greeting');" />

</TabTemplate>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPageContent" runat="server" />

</form>

</body>

</html>

Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click

Label1.Text = (RadTabStripContent.Tabs.Count + 1)

Dim tab As RadTab = New RadTab

tab.Text = "RadTabTest" + (RadTabStripContent.Tabs.Count + 1).ToString()

tab.Selected = True

RadTabStripContent.Tabs.Add(tab)

RadTabStripContent.DataBind()

End Sub

TabStrip

answered on 07 Dec 2011

6 answers

319 views

Rad list box scrollintoview show item in first

Dear telerik team,

In Radlistbox contains number of items, Am finding using textbox. using tem.scrollIntoView am achieving scroll the position to change. I need to show as first in the item. Is any script to show item as top. Below coding is am using.

ASPX

--------

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<telerik:RadTextBox ID="txtSelectPgm" TabIndex="1" runat="server" Width="295px" onpaste="filterListBoxPaste()" ClientEvents-OnFocus="focusto" ClientEvents-OnKeyPress="filterListBox" SelectionOnFocus="SelectAll">

</telerik:RadTextBox >

</td>

</tr>

<tr>

<td>

<telerik:RadListBox ID="lstSelectPgm" TabIndex="4" OnClientSelectedIndexChanged="GetProgramName"

runat="server"

Width="300px"

Height="390px" AutoPostBack="false">

</telerik:RadListBox>

</td>

</tr>