Hi Daniil,
Thank you for your response. I tried the solution you suggested and created a custom server control and downloaded the js file. However, I am getting "this.root is null or not an object" error. Any help will be appreciated.
MultiSelectTreePanel.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using Ext.Net;
namespace MultiSelectTreePanel
{
public class MultiSelectTreePanel : TreePanel
{
public override string InstanceOf
{
get
{
return "Ext.ux.MultiSelectTreePanel";
}
}
public override string XType
{
get
{
return "multiselecttreepanel";
}
}
protected override List<ResourceItem> Resources
{
get
{
// override it to avoid manually placing resources at a page
return base.Resources;
}
}
}
}
Page Source
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="DrEPortalWebDemo.test.Tree_to_Div.WebForm2" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Register assembly="MultiSelectTreePanel" namespace="MultiSelectTreePanel" tagprefix="cc1" %>
<!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>
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" />
<script type="text/javascript" src="MultiSelectTree-1.1.js"></script>
<style type="text/css">
.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon {
display: inline !important;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<cc1:MultiSelectTreePanel runat="server" Height="300" EnableDD="true" DDGroup="tree1" RootVisible="false">
<Root>
<ext:TreeNode Text="Composers" Expanded="true">
<Nodes>
<ext:TreeNode Text="Beethoven" Expanded="true">
<Nodes>
<ext:TreeNode Text="Concertos" Expanded="true">
<Nodes>
<ext:TreeNode Text="Concert 1" />
<ext:TreeNode Text="Concert 2" />
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Root>
</cc1:MultiSelectTreePanel>
</form>
</body>
</html>