Questions on UI for ASP.NET AJAX Forum

4 answers

121 views

Problem with set_virtualItemCount for radGrid in radWindow with radWindowManager

I have a rather complex scenario.

I'm creating a set of coordinating User Controls that give me a tabbed interface where the tabs are Help, Search, Search Results, List, Edit, New, View, and some customizable functions. I'm turning these into a fully ajaxified interface controlled by instantiated JavaScript objects in an external JS file so that I can have multiple interfaces on the same page that use this interface. I have to say that this would be much, much more difficult without you guys at Telerik.

When I did this, I was able to instantiate a single interface on a page and it all worked perfectly. Very snappy response since it's all Ajaxified. So, for the next step, I took this interface and placed it in a RadWindow within a RadWindowManager so that I could utilize it in a desktop-like MDI interface like you have in the demos section. When I did this, things started to go funky. To start, I was getting postbacks on things like tab clicks, grid sorting and paging, and stuff like that. I also noticed that the counts in the RadGrid pager were messed up.

To address this, I'm taking a step at a time in order to focus on a single problem with minimal complexity.

I've been able to recreate a situation where I have a radGrid within a radWindow within a radWindowManager, and I'm ONLY calling set_virtualItemCount(5) in order to test updating the pager on the RadGrid. When I load this page, it shows 21 items in 2 pages. When I click the button to trigger the JavaScript, it remains at 21 items in 2 pages.

IF I REMOVE the RadWindowManager, and just have a standalone RadWindow, clicking the button changes the page count information to 5 items in 1 page. And, of course, if I take out the RadWindow as well, clicking the button changes the page count to 5 items in 1 page.

Can you figure out what's going on here?

Here's my code. It's all self-contained (no external JS file):

<!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" lang="en-us" >

<head id="Head1" runat="server">

<meta http-equiv="Content-Language" content="en-us" />

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

<meta http-equiv="Content-Style-Type" content="text/css" />

<meta http-equiv="Content-Script-Type" content="text/javascript" />

<meta name="description" id="PageDescription" runat="server" content="" />

<meta name="keywords" id="PageKeywords" runat="server" content="" />

<title>Untitled Page</title>

</head>

<body>

<form id="form1" runat="server" enableviewstate="true" method="post">

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

<Services>

<asp:ServiceReference Path="~/TestServices.asmx" />

</Services>

</telerik:RadScriptManager>

<telerik:RadWindowManager ShowOnTopWhenMaximized="false" Skin="Web20" Width="590"

Height="360" Behaviors="Close,Maximize,Minimize,Move,Reload,Resize"

ID="RadWindowManager"

runat="server" EnableShadow="true">

<Windows>

<telerik:RadWindow ID="VendorAdminWindow" runat="server" VisibleOnPageLoad="true" ShowContentDuringLoad="true" DestroyOnClose="false" Skin="Web20" Width="590" >

<ContentTemplate>

<asp:Button ID="Button1" Text="Load" runat="server" OnClientClick="return loadData()" />

<Telerik:radGrid

ID="ItemList"

runat="server"

AllowPaging="True"

PageSize="20"

PagerStyle-AlwaysVisible="true"

AllowSorting="True"

HorizontalAlign="NotSet"

AutoGenerateColumns="False"

Skin="WebBlue"

MasterTableView-Caption="Right-Click a row to access the Context-Sensitive Menu, Click Column Names to Sort"

Width="98%"

>

<MasterTableView

ClientDataKeyNames="ItemID_rin" AllowMultiColumnSorting="false"

>

<Columns>

<Telerik:GridBoundColumn

DataField="ItemID_rin"

UniqueName="ItemID_rin"

visible="false"

HeaderText="Item ID"

/>

<Telerik:GridBoundColumn

DataField="FirstName_rst"

UniqueName="FirstName_rst"

HeaderText="First Name"

ItemStyle-VerticalAlign="Top"

/>

<Telerik:GridBoundColumn

DataField="LastName_rst"

UniqueName="LastName_rst"

HeaderText="Last Name"

ItemStyle-VerticalAlign="Top"

/>

<Telerik:GridBoundColumn

DataField="ForumHandle_rst"

UniqueName="ForumHandle_rst"

HeaderText="Handle"

ItemStyle-VerticalAlign="Top"

/>

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="true" />

<ClientEvents OnCommand="function(){}" />

</ClientSettings>

<PagerStyle

Mode="NextPrevAndNumeric"

Position="TopAndBottom"

/>

</Telerik:radGrid>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<script language="javascript" type="text/javascript">

loadData = function () {

/********************************************************************************************\

|*                                                                                                                                                                                  *|

|*  loadData                                                                                                                                                                *|

|*                                                                                                                                                                                  *|

\********************************************************************************************/

Grid_aob = $find('<%= ItemList.ClientID %>');

var tableView = Grid_aob.get_masterTableView();

tableView.clearSelectedItems();

tableView.set_virtualItemCount(5);

alert('Counts should be updated to 5 items.');

return false;

}

</script>

</form>

</body>

</html>

I'm hoping, of course, that this uncovers the root of all of my problems with this solution. I have to say that I don't have a 100% grasp on all of the details with the postbacks, but I clearly was able to reproduce this problem.

I've tested this in Firefox 4.01, IE 9 (using modes for IE 8 and IE 9), Chrome 12.0.742.91, and safari 5.0.5.

Thanks for your assistance.

Grid

answered on 17 Jun 2011

1 answer

308 views

how enable radlistbox item in client side which is disabled in server side

Hi,

I am using radlistbox item disable in server side. but i want enable client side while some value changed. but i am getting enable client side but the text has been shared(like disabled time). how to solve this problem,

Please let me know,

Thanks,
Dhamu.

ListBox

answered on 17 Jun 2011

1 answer

91 views

[Solved] RadWindow + RadDockZone + IE7: Overflow problem

Hello,

I'm having a problem with RadWindow and RadDockZone, when the contents of RadDockZone is larger than the size of the RadWindow, in Internet Explorer 7, the RadDockZone overflows the RadWindow, creates the scroll bar, but the content overflow the RadWindow.

In real case I have in the RadWindow, one RadDockZone with some fields, and another below, with a RadGrid. But did this example that simulates the same problem:

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<telerik:RadScriptManager ID="telerik_ajax_manager" runat="server" OutputCompression="AutoDetect" />

Overflow test: RadWindow + dockZone

<telerik:RadWindow ID="rad_window" runat="server" Title="Overflow test: RadWindow + dockZone" Modal="true" Width="500px" Height="400px" Behaviors="Close"

VisibleStatusbar="false" VisibleOnPageLoad="true">

<ContentTemplate>

<telerik:RadDockZone ID="dock_zone_1" runat="server" BorderStyle="None" >

<telerik:RadDock ID="dock_1" runat="server" Title="Dock Zone 1" Resizable="false" EnableDrag="false" DefaultCommands="ExpandCollapse">

<ContentTemplate>

test <br />

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

<telerik:RadDockZone ID="dock_zone_2" runat="server" BorderStyle="None" >

<telerik:RadDock ID="dock_2" runat="server" Title="Dock Zone 2" Resizable="false" EnableDrag="false" DefaultCommands="ExpandCollapse">

<ContentTemplate>

test <br />

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</ContentTemplate>

</telerik:RadWindow>

</asp:Content>

Tested in FF3, FF4, IE7, IE8, IE9 and chrome. And the problem only occurs in IE7. I tried some solutions with css, but could not resolve satisfactorily.

It would be a bug? or just something that I'm setting wrong?

Window

answered on 17 Jun 2011

4 answers

384 views

Z-order problem with grid filter

Hi

I have a somewhat complicated problem with z-ordering some of my UI elements.

The Site Master part of my page contains a RadMenu control, this has a z-index of 7000.

Elsewhere in my my page I have a docling area with several panels.

Originally when I undocked one of the panels I saw some controls bleeding through, because of
their higher z-index. My Site Master RadMenu was one of the problem controls, but so were
the Date and Time picker icons in a gris filter I have in part of my page.

So I decided to detect the undocking of my panel and bump its z-index to 7001.

This solved my problem.

Until!!!!!

I was then asked to put a grid in the dock area with filtering on a GridBoundColumn.

This shows a filter control that extends a dropdown when clicked.

Well this dropdown has a z-index less than 7001 so it appears behind my undocked area.

I thought this would be as simple as writting some jQuery in the doc ready function to tweak
the z-index of the dropdown, but either my selector is wrong or something else is preventing
me from affecting the z-index of the div you generate.

Help greatly appreaciated.

Grid

answered on 17 Jun 2011

1 answer

139 views

[Solved] Creating a dock with initial parent as RadDockLayout

Hi Telerik,

I noticed something weird going on with my code and I was wondering if there was a way to avoid this scenario.

When I create a RadDock I attach it to a RadDockZone via "RadDockZone.Controls.Add(dock)". This sets the RadDock's Parent to RadDockZone.

When I recreate a RadDock on Page_Init, I allowed the RadDockLayout to move the RadDock into place during RadDockLayout_LoadDockLayout. This sets the RadDock's parent to RadDockLayout.

Thus, this code is necessary and I would like to condense it into something more sensible:

//The dock's parent can change. When it is first created the dock's parent is the DockZone, but after

//recreation the dock's parent is RadDockLayout.

RadPane pane = null;

if (Parent.GetType() == typeof(CormantRadDockZone))

{

pane = Parent.Parent as RadPane;

}

else

{

RadDockLayout dockLayout = Parent as RadDockLayout;

RadDockZone zone = dockLayout.RegisteredZones.Where(registeredZone => registeredZone.ID == DockZoneID).FirstOrDefault();

pane = zone.Parent as RadPane;

}

try

{

Chart.Height = new Unit(pane.Height.Value - 42, UnitType.Pixel);

Chart.Width = new Unit(pane.Width.Value - 22, UnitType.Pixel);

}

catch (Exception ex)

{

Logger.ErrorFormat("Unable to adjust chart dimensions. Reason: {0}", ex.Message);

}

Is my problem clear? How can I avoid this?

Dock

answered on 17 Jun 2011

1 answer

102 views

unrecongnized attribute 'targetFramework'

Hi,

i download the web mail demo source code, and create new application with help of downloaded file in my local system (Visual studio 3.5 SP1, SQL 2008). When i built the application, i received the "unrecongnized attribute 'targetFramework'.Note that attribute names are case-sensitive". Then, I found that your product(Web Mail) supports Framework 4.o. Now i changed to framework version to 4.0.

But the error keeps coming up all the time.

Need help on this.

Thanks in advance,

General Discussions

answered on 17 Jun 2011

9 answers

379 views

RadFilter Exception

Hello,

I am using Sitefinity 3.7 with RadControls (RadFilter and RadGrid). By programmatically I am setting radfilter by giving filter string (eg. ([Val] = 2)) with the following code:

var eq = new RadFilterEqualToFilterExpression<string>(columnName);

RadFilter1.RootGroup.AddExpression(eq);

eq.Value = columnValue;

RadFilter1.RecreateControl();

RadFilter1.FireApplyCommand();

It's working fine when I am using this code on button clicks event and the output is like this code is set the filter (visually) in RadFilter and apply also.

The issue is when I am trying to execute this code on Page_Load under !IsPostBack block, I am getting the following exception:

Object reference not set to an instance of an object.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.

Source Error:

Line 418:

Line 419: //displaying the conditions while recreate the control

Line 420: RadFilter1.RecreateControl();

Line 421:

Line 422: RadFilter1.FireApplyCommand();

Source File: c:\Program Files\telerik\Sitefinity3.7\WebSites\MySite\App_Code\clsBAL.cs Line: 420

Stack Trace:

For this I try to use Page_LoadComplete event, but no luck, because we are using the usercontrol as:

public partial class UserControl_xanc_grid : System.Web.UI.UserControl

{

}

So, can you please suggest me how can I set the filter programmatically on page_load (after page load).

Thanks,

Varinder Kumar

Filter

answered on 17 Jun 2011

1 answer

71 views

Problem in IE with Windows7 skin

Hi,

I've got a strange problem with a colorpicker inside an advancedForm (scheduler).

There's a page called scheduler.aspx with a user control that contains the RadScheduler.
That RadScheduler uses the AdvancedForm, with a colorpicker.

Problem:
Colorpicker has no background (the icon and the pallette) on IE, but it works fine on FireFox.
Our skin is the embedded "Windows7" skin.

When I changed the overall skin to "Default" the colorpicker works fine, but changing only the skin of the colorpicker changes nothing.

Attached a screenshot of the strange colorpicker with no background.

I have the latest version of RadControls installed. (2011.1.519)

Thanks in advance!

ColorPicker

answered on 17 Jun 2011

1 answer

109 views

RadDatePicker/RadTimePicker Issue

I have a frustrating issue with a RadDatePicker and 2 RadTimePickers.

I have a page that loads multiple instances of a web user control which contains the above said controls.
When the controls load i populate their selected dates from code behind from a database and they show up just fine, when i click my submit button and do a post back though the 3 controls have lost their values. If i set the dates manually on the page and do a post back it works fine, its just when im setting them programmatically that the values arent sticking.

Any ideas would be appreciated.

Thanks

Calendar

answered on 17 Jun 2011

2 answers

304 views

how to set radeditor's language

Hi,

I need to set the language of the spellchecker to Dutch and so far I'm unsuccessful.

I've downloaded a file with translations (nl-NL.tdf) from http://www.telerik.com/community/forums/aspnet-ajax/spell/147971-radspell-dictionaries.aspx
I tried to follow the way they described it here: http://blogs.telerik.com/blogs/posts/10-04-30/localizing_the_radeditor.aspx:

I've planted it into the project's ~/App_Data/RadSpell/ directory.

I've added this in the web.config:

		<httpHandlers>
			<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>
			<add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />
		</httpHandlers>

and another one into <system.webServer>:

		<handlers>
			<add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource"/>
			<add name="Telerik.Web.UI.SpellCheckHandler" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" />
		</handlers>

my radEditor looks like this:

<telerik:RadEditor ID="reEditor" runat="server" SkinID="DefaultSetOfTools" Height="400px" Width="100%" ContentAreaCssFile="~/App_Themes/_generic/RadEditorContent.css">
	<Languages>
		<telerik:SpellCheckerLanguage Code="nl-NL" Title="nl-NL" />
	</Languages>
	<Content></Content>
</telerik:RadEditor>

Still nothing. Could you tell me what am I missing?

Editor

answered on 17 Jun 2011