Questions on UI for ASP.NET AJAX Forum

110,776 questions

3 answers

142 views

Hi

I have a RadComboBox in RadGrid.

How do I get the Attribute of the RadCombo box. I have tired the following code but I get an error :

Protected Sub rcbPortList_Grid_SelectedIndexChanged(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs)

Dim rcbPortList_Grid As RadComboBox = New RadComboBox

rcbPortList_Grid = DirectCast(sender, RadComboBox)

Dim EditedItem As GridDataItem = DirectCast(rcbPortList_Grid.NamingContainer, GridDataItem)

Dim gvddlEmployee As RadComboBox = DirectCast(EditedItem.FindControl("rcbPortList_Grid "), RadComboBox)

Dim rtxtLongDegree_Grid As RadNumericTextBox = DirectCast(EditedItem.FindControl("rtxtLongDegree_Grid"), RadNumericTextBox)

Dim rtxtLongMin_Grid As RadNumericTextBox = DirectCast(EditedItem.FindControl("rtxtLongMin_Grid "), RadNumericTextBox)

Dim rtxtLongSec_Grid As RadNumericTextBox = DirectCast(EditedItem.FindControl("rtxtLongSec_Grid "), RadNumericTextBox)

' Object reference not set to an instance of an object. error at line below

rtxtLongDegree_Grid.Text = rcbPortList_Grid.SelectedItem.Attributes(0)("Longitude")

end if

Grid

answered on 07 Dec 2011

2 answers

155 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

189 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

62 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

88 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

170 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

946 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

238 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

65 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

101 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") %>' />