Questions on UI for ASP.NET AJAX Forum

3 answers

224 views

I am attempting to add mouseover activation of tabs, per the following article:

http://www.telerik.com/help/aspnet-ajax/tabstrip-change-tabs-mouseover.html

I copied the code, the page loads without error, and the tabs change as intended.

However I get "Line: 75 Error: Unable to get property 'selectParents' of undefined or null reference" as soon as the mouse moves out of the tabstrip control..

Running Win 8.1 with I.E. 11 when the error occurs.

No error with Firefox.

I would like to know what this error is and how I might adjust the code to prevent or ignore.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="tabstrip_mouseover.aspx.vb" Inherits="tabstrip_mouseover" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server" />

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

function SelectMyTab(sender, args) {

var multiPageID = sender.get_multiPageID();

sender.set_multiPageID(null);

args.get_tab().select();

sender.set_multiPageID(multiPageID);

}

function UnSelectMyTab(e) {

var tabStrip = $find('<%= RadTabStrip1.ClientID%>');

//Find the element which the mouse is over

var destElement = e.relatedTarget || e.toElement;

if ($telerik.isDescendant(tabStrip.get_element(), destElement))

return;

var initialTab = tabStrip.findTabByText("<%= MyTab %>");

//initialTab.unselect();

initialTab.selectParents();

}

</script>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" UnSelectChildren="true" OnClientMouseOver="SelectMyTab" ClickSelectedTab="True" AutoPostBack="True" onmouseout="UnSelectMyTab(event)" SelectedIndex="0" Skin="Outlook" MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab ID="Tab1" runat="server" Text="Root Tab 1">

<Tabs>

<telerik:RadTab ID="Tab2" runat="server" Text="Child Tab 1.1" PageViewID="PageView1">

</telerik:RadTab>

<telerik:RadTab ID="Tab3" runat="server" Text="Child Tab 1.2" PageViewID="PageView2">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab ID="Tab4" runat="server" Text="Root Tab 2">

<Tabs>

<telerik:RadTab ID="Tab5" runat="server" Text="Child Tab 2.1" PageViewID="PageView3">

</telerik:RadTab>

<telerik:RadTab ID="Tab6" runat="server" Text="Child Tab 2.2" PageViewID="PageView4">

</telerik:RadTab>

<telerik:RadTab ID="Tab7" runat="server" Text="Child Tab 2.3" PageViewID="PageView5">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab ID="Tab8" runat="server" Text="Root Tab 3">

<Tabs>

<telerik:RadTab ID="Tab9" runat="server" Text="Child Tab 3.1" PageViewID="PageView6">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" Height="454px" Width="737px">

<telerik:RadPageView ID="PageView1" runat="server">

Child Tab 1.1</telerik:RadPageView>

<telerik:RadPageView ID="PageView2" runat="server" Width="100%">

Child Tab 1.2</telerik:RadPageView>

<telerik:RadPageView ID="PageView3" runat="server" Width="100%">

Child Tab 2.1</telerik:RadPageView>

<telerik:RadPageView ID="PageView4" runat="server" Width="100%">

Child Tab 2.2</telerik:RadPageView>

<telerik:RadPageView ID="PageView5" runat="server" Width="100%">

Child Tab 2.3</telerik:RadPageView>

<telerik:RadPageView ID="PageView6" runat="server" Width="100%">

Child Tab 3.1</telerik:RadPageView>

</telerik:RadMultiPage>

</form>

</body>

</html>

Imports System

Imports System.Data

Imports System.Data.SqlClient

Imports System.Configuration

Imports System.Collections

Imports System.Web

Imports System.Web.Security

Imports System.Web.UI

Imports System.Web.UI.WebControls

Imports System.Web.UI.WebControls.WebParts

Imports System.Web.UI.HtmlControls

Imports Telerik.Web.UI

Partial Public Class tabstrip_mouseover

Inherits System.Web.UI.Page

Protected MyTab As String

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)

MyTab = RadTabStrip1.InnermostSelectedTab.Text

End Sub

End Class

TabStrip

answered on 06 Apr 2014

5 answers

1.6K+ views

[Solved] How to programmatically remove a file on RadAsyncUpload control?

I have one or two files uploaded on RadAsyncUpload control. I would like how to programmatically remove the item (Like clicking on red "Remove" link next to each file on the RadAsyncUpload control).

My scenario is that when user click "Process" button below, one or two file will be remove from the list.

Thanks,

Lamk.

AsyncUpload

answered on 06 Apr 2014

3 answers

267 views

Hide templates on insert?

I'm using a radlistview w/ a pagesize of 1 to simulate a winforms data entry screen for data collection on an ipad.

When I click to have the user add a new record, the current record is displayed at the top of the screen and a second insert record is displayed at the bottom.

Is there a way for me to only show the insertitemtemplate and hide the other templates when doing an insert?

Thanks,
Mike

ListView

answered on 06 Apr 2014

1 answer

203 views

RadComboBox Dropdown slow in Chrome

Hi,

I am using Rad Combo Box in my website. I am populating the Combo box with some data. It is working fine for drop-down the Items in Fire Fox. But in chrome it takes a lot of time to drop-down the Items.

Please help me to avoid the Issue.

Thanks,

ComboBox

answered on 05 Apr 2014

1 answer

257 views

[Solved] Get Grid ID from event PageSizeChanged

I am trying to make a more generic method to attach to 3 grids on the same page and would like for the PageSizeChanged event to used by all three grids, but have the code inside the event figure out the grid that called the event... I am sure this can be done, but I have not been able to drill down through the sender object to get the ID..

So I took this approach (Does it look safe enough?)...

var Sender = ((RadGrid)sender);
string GridName = Sender.ID;

public void Grid_PageSizeChanged(object sender, GridPageSizeChangedEventArgs e)

{

//get the current page name

string pageName = Path.GetFileNameWithoutExtension(Request.Path);

string GridName = {Here is where I want to use sender to get the actual grid.id}

int newPageSize = e.NewPageSize;

var pagerHelper = new GridPagerSizeHelper();

pagerHelper.saveSelectedPageSize(pageName, GridName, newPageSize, (User)Session["currentUser"]);

var Nav = new Common.MasterPages.Nav();

Nav.ReloadUserPreferences((User)Session["currentUser"]); // To avoid DB hit with each page load.

}

Grid

answered on 05 Apr 2014

2 answers

109 views

Binding RadPanelBar generates "DataSource not set" since 2014.1.225

I get a "DataSource not set" error when I bind a RadPanelBar.
To reproduce the bug, it must contain a RadPanelItem that contains a RadAutoCompleteBox.
The problem appeared in version 2014.1.225 and is still visible in the hotfix 2014.1.326

protected string RadPanelItemValue = "RadPanelItem1";

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

RadPanelBar1.DataBind(); // Generates an error: "DataSource not set"

}

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" >

<Items>

<telerik:RadPanelItem Value='<%# RadPanelItemValue %>' >

<ItemTemplate>

<telerik:RadAutoCompleteBox runat="server" ID="RadAutoCompleteBox1"></telerik:RadAutoCompleteBox>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

PanelBar

answered on 04 Apr 2014

1 answer

136 views

Visual Studio 2012 vs 2013 - Error if running app after building using 2013

I originally started building a web app in VS 2012. I upgraded to 2013 and continued building the app. The app is using the latest releases of the AJAX and Reporting tools.

However, I have some issues when I run the app after I have built it in VS 2013. I have weird errors popping up.

One example:

An aspx page with some combo boxes for the user to provide report parameters. Once the parameters are selected, user clicks the button to show the report using a reportviewer.

When I build the web app with VS 2013 and run it, I get this error: Sys.WebForms.PageRequestManagerServerErrorException: Value cannot be null.
Parameter name: key

However, when I build the app with VS 2012 and run it, everything works as it is supposed to.

Has anybody seen anything like this? I'm baffled - and sad that I have to continue using VS 2012. I'll be happy to post some code snippets if necessary.

Thanks!!

Kevin

General Discussions

answered on 04 Apr 2014

2 answers

69 views

[Solved] Radwindow postioning problem

Hi,
I am using Radwindow in my screen. the document page(aspx) has a long content. I have to show the radwindow on a click event of a button which is shown below. My requirement is to show the radwindow on the top of the document (means the Scroll position of my document page should be top when Radwindow show event occured), without any flickering.

Need help as soon as possible

Thanks

Window

answered on 04 Apr 2014

5 answers

318 views

[Solved] RadGrid CheckList

Hi everyone!
I have created a simple project containing a RadGrid with CheckListFilter on its columns and i would like to make two questions about some little problems related to this project:

1 - How can I work on the checklist's window to make some simple operation like adjust its size and enable or disable the scroll? (I tried with filtermenu but it doesn't work).

2 - Is it possible to control the properties of an element of RadListBoxItem type to be checked or unchecked in the code-behind? I tried to set its "checked" property equals to true in code-behind but it doesn1t work (I don't know if it can be due to a javascript error that is returned to me with ie9 every time I click on the icon to get the checklist: "Microsoft JScript runtime error: Object does not support property or method 'indexOf'" or to some other reason).

Thanks in advance,
Gionata.

Grid

answered on 04 Apr 2014

8 answers

291 views

GroupColumnCount does not work when databound

Hi. Just got the new OrgChart. A component I have been looking forward to.
I used my userdatabase with managers as datasource and the chart was drawn :-)
But, the GroupColumnCount does not have any affect. The chart is 34000px wide, with all users on the same level on one row.
I hope this can be fixed, because I need this in a lot of scenarios.

Thanks
Espen

OrgChart

answered on 04 Apr 2014