Internet Explorer Web Controls (RETIRED)

treeview control fails in ie8 - Document mode (IE8 Standards)

2011-06-29T05:37:57.087-04:00

Treeview controls fails in ie8 browser with document mode(IE8 Standards) with the following errors.

Message: Invalid procedure call or argument
Line: 797
Char: 1
Code: 0
URI: http://localhost/webctrl_client/1_0/treeview.htc

Message: 'subtree.all' is null or not an object
Line: 496
Char: 1
Code: 0
URI: http://localhost/webctrl_client/1_0/treeview.htc

Inherting from TreeNode

2005-03-24T17:06:23.173-05:00

I've created a new object MyTreeNode that inherits from TreeNode. I did this so I could keep track of additional properties regarding each node. I can add MyTreeNode objects to the TreeView. However, the issue I'm having is when I select a node and the SelectedIndexChange event fires. When this happens I try to access my object-specifc properties and they are all set to the defaults from object initialization. All my info is gone. I made sure all references to TreeNodes are cast properly. Has anyone else tried to inherit from TreeNode or experienced this issue? Thanks, Matt

TabStrip State Error

2005-04-21T13:54:44.133-04:00

An application of mine which uses a TabStrip has developed an odd issue. When a user clicks on a tab in Internet Explorer, they get the error " <tabstrip> _State is null or not an object". This error does not occur in Firefox, where hovering over the tabs reveals "<tabstrip> _State=2" or whatever number is appropriate.

The only similar tabstrip error I have been able to find mentioned online involved security settings in IE, but setting them to low did not help.

Has anyone else seen this behavior, or have an idea how to troubleshoot the issue?

Thanks!

Treeview Issue: Displaying Plain Text Instead Tree Nodes

2010-06-22T16:08:55.5-04:00

I have an issue when installing a web application in Win 2003 Server. I have installed the IE Web Control and I'm able to see the "webctrl_client\1_0" folder under the "\inetpub\wwwroot" folder. I have restart the iis and run "aspnet_regiis -i -enable" to activate the .net framework for aspnet.

But the treeview is not displayed correctly. It only displayed a plain text.

Is there any permission that needs to be set up?

Thank you. I have been trying to figure it out for couple days now.

Hendra

IE webcontrols support for VISTA

2010-07-02T11:26:41.97-04:00

Is there any download available for IE webcontrols with supported environment as Vista?

Web Control Treeview Control Active Node

2010-05-11T18:16:37.77-04:00

How do you change the current treenode on the Client using JavaScript...

Get & Set the active node?

Var treeNodeID;

function ResetTreeNode(objRef)

{

var tree = GetControlReference(objRef);

var result;

(TextBoxLenght() != 0)

{ result = window.confirm("Any Unsaved Data will be lost. Do you wish to Continue?");

if (result==true ){

ResetCounter();

return true;

}

else

{

// this sets the treenode value to previous node

tree.document.activeElement = treeNodeID;

return false;

}

else

{ // this should store the postback active node if the textbox is empty

if ( tree.document.activeElement != undefined )

treeNodeID = tree.document.activeElement;

return true;

}

Please Help!!!

Problem...

1. Click node add text

2. Click another node click cancel

3. Click save

The problem is that I am saving the wrong text under the wrong node.

When I click the Save button it is taking the last selected node. Seem like post back is not occuring.

Microsoft.Web.UI.WebControls tree question ,asp.nmet 1.1

2010-03-21T13:13:04.967-04:00

Dear All,

I use Microsoft.Web.UI.WebControls , treelist to display the data appeared in the following xml file

<?xml version="1.0" encoding="utf-8" ?>
<TREENODES>
	<treenode text="test" >
		<treenode text="yyy" ID="xxx" type="Page"/>
		<treenode text="aaa" ID="ggg"/>
		<treenode text="bbb" ID="fff"/>
		<treenode text="ccc" ID="eee"/>
	</treenode>


</TREENODES>

and want when I click in bbb for example go to the specified screen in my project

I try using

		protected void TreeView1_Onclick(object sender, Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs e)
		{
			 
			Microsoft.Web.UI.WebControls.TreeNode selectedNode =this.TreeView1.GetNodeFromIndex(e.NewNode);
			
			string path = @"ASP/rrrrr/" +selectedNode.ID.Trim()+@".aspx";
			Response.Redirect(path);
		}

but always the index is 0 (I open the source of the web page )

How to capture the selected index and selected id please , also treeview don't contain a definiition of onclick event

my html design of the page is

TreeView Drag and Drop

2003-11-24T18:01:17.153-05:00

Hello, I'm trying to figure out how to implement drag and drop in the new IE TreeView control for ASP.NET/C#. It doesn't seem to be possible, can anyone confirm that for me? I'd like to have similar functionality to the web front end to Outlook...that's a web based tree that you can drag the nodes around. Is this possible? Help! Thanks a million, gogoray

How do I find out which CheckBoxList item has been clicked?

2003-11-12T13:34:42.78-05:00

How do I find out which CheckBoxList item has been clicked? I have a CheckBoxList on my web form with AutopostBack set to true. I have dynamically added a number of items to my checkboxlist, and now I want to pick up in CheckBoxList1_SelectedIndexChanged which checkbox the user has just checked or unchecked, how do I do this? Or is there better way?

Looping through TreeView Nodes?

2007-09-11T16:35:33.17-04:00

Hello,

I'm using the Microsoft Web Control. I'm dynamically loading the control with data from the database where there are parent nodes and children nodes that could be up to 5 levels. I have a Javascript function that executes when a parent node is checked to automatically select all the children below it. Now I have to figure out a way to find out what nodes are selected so that I can process them properly. The only way I see this happening is if I create a hidden variable and loop through all the nodes in the TreeView and add the nodes to the variable if they are checked. However, I'm having a problem looping though the nodes. The only information I found was the SelectNodeIndex property which just gives me the node that was selected.

This is my TreeView Format:

<div mce_keep="true">Folder10 </div>
- <div mce_keep="true">Folder1</div>
  - <div mce_keep="true">Item1</div>
- <div mce_keep="true">Folder2</div>
  - <div mce_keep="true">Item2</div>
<div mce_keep="true">Folder 11</div>
- <div mce_keep="true">Folder 3</div>
  - <div mce_keep="true">Item4</div>
  - <div mce_keep="true">Item5</div>
<div mce_keep="true">Folder 12</div>
- <div mce_keep="true">Folder4</div>
  - <div mce_keep="true">Folder5</div>
    - <div mce_keep="true">Folder6</div>
      - <div mce_keep="true">Item6</div>
<div mce_keep="true">Folder 13</div>
- <div mce_keep="true">Item7</div>

I need to find out which Item was selected in the TreeView. So lets say that I checked the Folder10 and Folder12 (all the subfolders and items are selected automatically). Then I want the hidden variable to hold all the selected nodes in this format;

Variable = Folder10_1_item1 (So the each parent node selected would start of with text "Folder" then the ID of the folder, then an "_" which means there is a child. Then the ID of the subFolder and then the text "item" and then the ID)

So If I selected Folder10 and Folder12 in the TreeView, I would like the variable to hold this information

Variable = Folder10_1_item1;Folder10_2_item2;Folder12_4_5_6_Item6

Can someone please help? How can I loop through each node of the treeview to achieve this.

Thank you

Update for Tabstrip controls to .NET 2.0 ?

2005-12-12T12:07:45.117-05:00

Is there an update for the tabstrip control to .NET 2.0 ???

I can't figure out how to use the tabstrip in vs 2005. The tabs just return plain text

--------------------------------------------------------------

VS2005 don't use the standard ISS to execute web-applications, so I have tried to place the webctrl_ client folder in my project folder (c:\projects\) and also in my website folder (c:\projects\website) but it still don't work.

I've also tried to put some code in my web.config file to change the path:

TreeView client side script

2004-06-04T14:15:01.263-04:00

Hi everyone, Adapting Vikram Bhardwaj's original code for fixing various bugs in the TreeView control, I've written up a JScript library. This code is independant of a given TreeView control, so as long as you setup the event handlers up properly it should work for multiple TreeView controls on the same page. Please let me know if you find any bugs. Instructions for using this script are found in the opening block comment. Note that the functionality I wanted is slightly different than Mr. Bhardwaj's, as explained in the comment. If this doesn't format properly, just send me an e-mail and I'll forward you the code. Thanks! John LaRusic

/*
	MODULE: MS IE TreeView Control client script
	PURPOSE: This code fixes numerous bugs in the Microsoft TreeView
				control, including the ability to allow postbacks
				

				A TreeView object setup to use this library will have the
				following functionality:
					a) When a given checkbox is checked, the parent check
						boxes will also be checked.  *NOTE* This differs from
						the functionality that Mr. Bhardwaj originally
						supplied.
					b) If a given checkbox is unchecked, then if all the
						sibiling checkboxes are also not checked, the parent
						checkbox will become unchecked.
						

				There are still the occasional bug in this treeview, and I
				think its tied to the behavior file for the treeview.  If you
				see a bug in this code, please bring my attention to it.  My
				e-mail is johnlr@gmail.com thanks!
				

	AUTHOR: John LaRusic (with many thanks to Mr. Bhardwaj for the problem
				definition and solution)
				

	CREDIT: Vikram Bhardwaj wrote most of this code for a single TreeView
				object.  I simply adapted it by making it a bit more portable
				(multiple TreeView objects can share this library) and fixing
				a couple of bugs.  I also formatted the code nicely and added
				comments should anyone want to adapt this.
				

				Mr. Bhardwaj's original post on this code can be found at:
				http://www.asp.net/Forums/ShowPost.aspx?tabindex=1&PostID=301443
				

	TO USE: Reference this script file on your page and add the following
				event handlers (where "treeview1" is the ID of your tree view
				object)
				

				<script event="oncheck" for="treeview1">
					TreeView_OnCheck(treeview1);
				</script>


				<script event="onhover" for="treeview1">
					TreeView_OnHover(treeview1, event.treeNodeIndex);
				</script>


				<script event="onload" for="window">
					TreeView_Setup(treeview1);
				</script>
			

				

				You also need to add an onclick event handler to your submit
				button to call the TreeView_ReadyForPostback for the tree.
				For example:
				

				Button1.Attributes.Add("onclick", _
					"TreeView_ReadyForPostback(treeview1)")
*/


/*
	FUNCTION: TreeView_OnCheck
	PURPOSE: Handles the OnCheck event for a TreeView control.
				This will check all the parent nodes above the
				"checked" node as well as check all the children
				nodes below the "checked" node.
	PARAMS: objTreeView - The TreeView control ID
*/
function TreeView_OnCheck(objTreeView){
	var objNode = objTreeView.getTreeNode(objTreeView.clickedNodeIndex);


	// If this node was initially checked, then we need to handle a bug
	// in the TreeView control and do exactly the opposite.  Once we do
	// this once, then we want to continue as normal
	if(TreeView_IsInitChecked(objNode)){
		TreeView_SetChecked(objNode, !TreeView_IsChecked(objNode));
		TreeView_SetInitChecked(objNode, false);
	}
	

	// Traverse the children and parents and refresh the tree
	var bChecked = TreeView_IsChecked(objNode);
	TreeView_TraverseChildren(objNode.getChildren(), bChecked);
	TreeView_TraverseParents(objNode, bChecked);
	//TreeView_RefreshTree(objTreeView.getChildren());
}


/*
	FUNCTION: TreeView_OnHover
	PURPOSE: Handles the OnHover event for a TreeView control
				It selects the node the user hovered over.  This is to help
				the program of an expanded node not being the selected node
	PARAMS: objTreeView - The TreeView control ID
				strNodeIndex - The index of the node to select
*/
function TreeView_OnHover(objTreeView, strNodeIndex){
	objTreeView.selectedNodeIndex = strNodeIndex;
}


/*
	FUNCTION: TreeView_Setup
	PURPOSE: This sets up the TreeView control by building its
				StrVals property.
	PARAMS: objTreeView - The TreeView control ID
*/
function TreeView_Setup(objTreeView){
	TreeView_SetInitCheckedNodes(objTreeView.getChildren());
}


/*
	FUNCTION: TreeView_SetInitCheckedNodes
	PURPOSE: Sets which nodes in the tree are initially checked or not
	PARAMS: arrChildren - An array of children for a node
	RETURNS: The StrVal string for a given group of children
*/
function TreeView_SetInitCheckedNodes(arrChildren){
	var objChild;
	for(var i = 0; i < arrChildren.length; i++){
		objChild = arrChildren[i];
		

		// Set whether the nodes were initially checked or not as well
		// as set their initial value... yes, they are the same thing,
		// but we might change whether a node has been "initially
		// checked" or not later to handle a bug.
		var blnIsChecked = TreeView_IsChecked(objChild);
		TreeView_SetInitChecked(objChild, blnIsChecked);
		TreeView_SetInitCheckValue(objChild, blnIsChecked);
		

		// Call this function recursively on the children
		TreeView_SetInitCheckedNodes(objChild.getChildren());
	}
}


/*
	FUNCTION: TreeView_IsChecked
	PURPOSE: Determines if a given tree node is checked or not
	PARAMS: objNode - A tree node object
	RETURNS: True if the node is checked, false if not
*/
function TreeView_IsChecked(objNode){
	// This seems like it should be done in one line, but it helps deal with
	// the case that the Checked attribute is equal to null
	if(objNode.getAttribute("Checked"))
		return true;
	else
		return false;
}


/*
	FUNCTION: TreeView_SetChecked
	PURPOSE: Sets if a tree node is checked or not
	PARAMS: objNode - A tree node object
*/
function TreeView_SetChecked(objNode, blnChecked){
	objNode.setAttribute("Checked", blnChecked);
}


/*
	FUNCTION: TreeView_IsInitChecked
	PURPOSE: Determines if a given tree node was initially checked
	PARAMS: objNode - A tree node object
	RETURNS: True if the node was initially checked, false if not
*/
function TreeView_IsInitChecked(objNode){
	return objNode.getAttribute("InitChecked");
}


/*
	FUNCTION: TreeView_SetInitChecked
	PURPOSE: Sets if a tree node is initially checked or not
	PARAMS: objNode - A tree node object
				blnChecked - True if the node was initially checked,
					false if not
*/
function TreeView_SetInitChecked(objNode, blnChecked){
	objNode.setAttribute("InitChecked", blnChecked);
}


/*
	FUNCTION: TreeView_IsInitChecked
	PURPOSE: Determines if a given tree node was initially checked
	PARAMS: objNode - A tree node object
	RETURNS: True if the node was initially checked, false if not
*/
function TreeView_GetInitCheckValue(objNode){
	return objNode.getAttribute("InitCheckValue");
}


/*
	FUNCTION: TreeView_SetInitCheckValue
	PURPOSE: Sets the initially checked value of a node
	PARAMS: objNode - A tree node object
				blnChecked - True if the node was originally checked,
					false if not
*/
function TreeView_SetInitCheckValue(objNode, blnChecked){
	objNode.setAttribute("InitCheckValue", blnChecked);
}


/*
	FUNCTION: TreeView_TraverseChildren
	PURPOSE: A recursive function that traverses through the tree and
				checks or unchecks the nodes
	PARAMS: arrChildren - An array of nodes
				blnChecked - Determines whether to check the nodes or not
*/
function TreeView_TraverseChildren(arrChildren, blnChecked){
	var objChild;
	

	for(var i = 0; i < arrChildren.length; i++){
		objChild = arrChildren[i];
		

		// Set whether the node is checked or not
		TreeView_SetChecked(objChild, blnChecked);
		

		// Call this function recursively on the children of the node
		TreeView_TraverseChildren(objChild.getChildren(), blnChecked);
	}
}


/*
	FUNCTION: TreeView_TraverseParents
	PURPOSE: A recursive function that traverses through a node's
				parents and checks them
	PARAMS: arrChildren - An array of nodes
				blnChecked - Determines whether to check the nodes or not
*/
function TreeView_TraverseParents(objNode, blnChecked){
	var objParent = objNode.getParent();
	if(objParent != null){
		

		// If we are selecting a checkbox, then we want to check all the
		// parent checkboxes as well
		if(blnChecked){
			TreeView_SetChecked(objParent, true);
		}
		// Otherwise, we want to check to see if any of the siblings of the
		// original node are also checked.  If they are all not checked,
		// then we want to uncheck the parent.
		else{
			var blnFlag = true;
			var arrSiblings = objParent.getChildren();
			for(var i = 0; i < arrSiblings.length ; i++){
				if(TreeView_IsChecked(arrSiblings[i]))
					blnFlag = false;
			}
			

			if(blnFlag)
				TreeView_SetChecked(objParent, false);
		}
		

		// Call this function recursively on the parent
		TreeView_TraverseParents(objParent, blnChecked);
	}
}


/*
	FUNCTION: TreeView_ReadyForPostback
	PURPOSE: Readies a tree for a postback
	PARAMS: objTreeView - A TreeView control
*/
function TreeView_ReadyForPostback(objTreeView){
	if(objTreeView != null)
		TreeView_CheckVals(objTreeView, objTreeView.getChildren());
	else
		alert("ERROR: TreeView object is null");
}


/*
	FUNCTION: TreeView_CheckVals
	PURPOSE: Signals that nodes have been checked for the postback
	PARAMS: objTreeView - A TreeView control
				arrChildren - An array of child nodes
*/
function TreeView_CheckVals(objTreeView, arrChildren){
	var objChild;


	// Loop through all the nodes
	for(var i = 0; i < arrChildren.length; i++){
		objChild = arrChildren[i];


		// If the current value of the node is different from its initial
		// value, then we want to queue the oncheck event
		if(TreeView_IsChecked(objChild) != TreeView_GetInitCheckValue(objChild))
			objTreeView.queueEvent("oncheck", objChild.getNodeIndex());
			

		// Call this function recursively the child nodes of the current
		// node
		TreeView_CheckVals(objTreeView, objChild.getChildren());
	}
}


/*
	FUNCTION: TreeView_RefreshTree
	PURPOSE: ??? - This was in the Vikram Bhardwaj original code... not
				sure if its necessary or not, but I'm leaving it here...
				uncomment the call to it in the TreeView_OnCheck method if
				you need it
	PARAMS: objTreeView - A TreeView control
*/
/*
function TreeView_RefreshTree(arrChildren){
	var objChild;
	for(var i = 0; i < arrChildren.length; i++){
		objChild = arrChildren[i];
		TreeView_SetChecked(objChild, TreeView_IsChecked(objChild));
		TreeView_RefreshTree(objChild.getChildren());
	}
}
*/

problem with treeview node getAttribute

2005-04-26T11:03:09.05-04:00

hello.

im using the treeview control

when i use node.getAttribute("Expandable")

i get null instead if true/false.

does anyone have any idea[I] why?

How to navigate betweeb tabs

2009-12-29T16:02:31.56-05:00

We are trying to add 2 tabs in a ASP tabstrip in a web page.

We have written the following code where the tabs are being displayed in a table.

But we are not able to navigate between the tabs.

Here our task is as follows.

We have created 2 tabs in two columns and added 4 panels in the rows of the table.

Now based on the tab selected we need to make only one of the panel active.

Please help us .

<tr>

<td>

<aspnetTab:TabStrip ID="tabstrip1" Enabled ="true" runat="server" AutoPostBack ="true">

<aspnetTab:Tab Text ="tabstrips1" ID ="tab1" />

<aspnetTab:TabSeparator />

<aspnetTab:Tab Text ="tabstrips2" ID ="tab2" />

<aspnetTab:TabSeparator />

</aspnetTab:TabStrip> </td>

</tr>

<tr>

<td>

<asp:Panel ID="panel0" runat ="server" Visible="False" > <asp:Button ID="Button0" Text ="button0" runat ="server" />

</asp:Panel>

<asp:Panel ID="panel1" runat ="server" Visible="False"> <asp:Button ID="Button1" Text ="button1" runat ="server" />

</asp:Panel>

<asp:Panel ID="panel2" runat ="server" Visible="False">

<asp:Button ID="Button2" Text ="button2" runat ="server" /> </asp:Panel>

<asp:Panel ID="panel3" runat ="server" Visible="False"> <asp:Button ID="Button3" Text ="button3" runat ="server" />

</asp:Panel>

</td>

</tr>

</table>

and our C# code is as follows:

protected

void Page_Load(object sender, EventArgs

{

int

for

(i = 0; i < 2; i++)

{

Panel pnl = (Panel)FindControl("panel"

+ i.ToString());

(tabstrip1.SelectedIndex == i)

pnl.Visible =

true

;

what is the difference between asp.net server controls and IE web controls?

2009-12-16T03:27:37.917-05:00

If someone knows why ithey are not part of asp.net formal tutorial or even microsoft certification course or are they silver bullet?, pls help to explain as much details as possible? thanks very much.

Problem with IE8 compatability.

2009-12-13T16:22:57.52-05:00

I have aproblem on a website I build,

In the home page there are a couple of problems that occur if U dont press compatibility button:

1. The mainnav text drops down.
2. The Font used for text which is dual language font does not apear on its US form.

Disabling treeview events

2006-07-24T02:14:24.89-04:00

Thanks to anyone that can help me with this. Before laying out the problem I'm having, I should mention that my project is a web part designed for a Sharepoint Portal. From what I can tell, that limits me to a non-visual implementation of the treeview and forces me to do everything in a sort of a "code behind" page.

With that said, I have been able to successfully implement the treeview into a web part and it works quite well. The issue I'm having is that the code that generates my tree takes a little while to run and I'd like to minimize the number of postbacks. More specifically, I would like to limit postbacks to "selectedindexchanged" events only. The problem is that this control appears to be "all or nothing" in terms of events. In other words, if I set autopostback to "false", I can't get the selectedindexchanged event to fire. If I set autopostback to "true", I get a postback on node expand and collapse events as well as the index changed event.

So, the question is... can I:

- somehow manually force a postback for the selectedinexchanged event when the autopostback is set to "false" or...

- somehow disable the postback for the expand/collapse events when the autopostback is set to "true"?

- Pete

How to use IE WebControls in VS 2008?

2008-07-22T03:12:36.703-04:00

Hi,

I recently got my hands on an old ASP.Net 1.1 web application and I am trying to open it in my VS 2008 ide. I'm having problems getting it to compile because of the missing Microsoft.Web.UI.WebControls dll.

After much searching, I found out that I had to install IIS and download and install the IE Web Controls (http://www.microsoft.com/DOWNLOADS/details.aspx?familyid=FAC6350C-8AD6-4BCA-8860-8A6AE3F64448&displaylang=en), please check if the link is correct.

But after installing and rebooting, I still do not see the assembly in my visual studio reference list.

What should I do next?

Thanks!

Rafferty

Treeview control and TreeNodeXslSrc error

2009-10-06T13:49:56.797-04:00

I have a treeview control that works fine until I modify web.config to protect static files. Then I get the following error:

Server Error in '/' Application.
--------------------------------------------------------------------------------

The XML loaded from TreeNodeSrc=XMLFile1.xml, TreeNodeXslSrc= did not contain the required outer <TREENODES> container.

Hoping someone can help.

To reproduce, I can use the following TreeView.ASPX file (from http://www.15seconds.com/issue/030827.htm):

<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls" %>
<%@ Page Language="vb" %>
<HTML>
<HEAD>
     <title>XMLIn</title>
</HEAD>
     <body>
         <form id="Form1" method="post" runat="server">
         <iewc:TreeView id="TreeView1" runat="server" TreeNodeSrc="XMLFile1.xml"></iewc:TreeView>
         </form>
     </body>
</HTML>

with the following XMLFile1.XML file:

This works fine, with standard web.config file. However, I want to change the site to protect static files, so I add the following into web.config as the first lines within the <system.webServer> tag:

(For an explanation see http://learn.iis.net/page.aspx/244/how-to-take-advantage-of-the-iis7-integrated-pipeline/) This new web.config file works exactly to protect static files throughout the website, but causes the treeview control to fail. Can anyone suggest a workaround or know the cause?

Thanks!

Spyros

How to Pre-select a tab in Microsoft.Web.UI.WebControls tabstrip

2005-10-27T06:19:08.297-04:00

Is it possible to pre-select a tab when u call a page from a different page. For example i need to select the 3rd tab when the page loads..