ASTreeView 1.0 Released

After a long time development, the ASTreeView is finally finished. Now I would like to introduce it to you.  And your feedback is appreciated!

ASTreeView is a powerful treeview with drag drop, ajax loading, context menu, xml import/export, checkbox, selection, add/editing/deleting nodes with ajax.

ASTreeView is developed on .NET framework 2.0. Demo project is a Visual Studio 2005 project.

ASTreeView is FREE! That means you can use it anywhere!

I host the project on Google Code: http://code.google.com/p/astreeview/ please download the assembly amd the demo , check out the demo, and use ASTreeView in your project!

 

Here are functionalities ASTreeView supports:

1. Drag & drop.

User can drag & drop nodes within the tree or even among trees!

astreeview_intro_1

See live demo: http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo1.aspx

 

2. Tree lines.

Enable/Disable tree line is available.

astreeview_intro_2

See live demo: http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo1.aspx

 

3. Tree node icons.

Developer can specific customized icon for each node, use default node icon, or, disable node icon.

astreeview_intro_3

See live demo: http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo1.aspx

 

4. Checkbox.

Three-state(checked, unchecked, half-checked) checkbox is available.

astreeview_intro_4

See live demo: http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo1.aspx

 

5. Tree node context menu.

User can use context menu to edit/delete node by right click the node. Ajax edit/delete is supported.

astreeview_intro_5

See live demo: http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo3.aspx

 

6. Multi-data source supported.

Developer can bind different types of data source( currently astreeview supports datatable and xml datasource ). Or developer can create ASTreeViewNode and append to the tree in the code.

XML:

astreeview_intro_6

DataTable:

astreeview_intro_6-2

 

See live demo: http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo4.aspx

 

7. Server-side event supported.

OnSelectedNodeChanged and OnCheckedNodeChanged are available.

astreeview_intro_7

 

See live demo: http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo2.aspx

 

8. Ajax nodes loading supported.

Having thousands of nodes? No problem, ASTreeView support loading nodes using ajax.

astreeview_intro_8

See live demo: http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo5.aspx

 

9. Multi-type tree node.

A tree node can be a hyper-link or LinkButton to perform postback.

astreeview_intro_9

See live demo:

Hyper Link:http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo1.aspx

Link Button:http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo2.aspx

 

10. ASDropDownTree

ASDropDownTree inherits ASTreeView, looks like a DropDownList, multi-selection and single-selection are available by the control's configuration.

astreeview_intro_10

See live demo: http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo6.aspx

 

11. Drag & Drop between( or even among) trees

Nodes can be dragged and dripped cross trees.

astreeview_intro_11 

See live demo: http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo7.aspx

 

All demos are available at http://www.geekees.com/ASTreeViewDemo/ASTreeViewDemo1.aspx in two languages: English and 中文

Please visit http://code.google.com/p/astreeview/ to get your copy!

Please leave a message if you had any question or just drop me a line at seiecnu(at)gmail.com.

Thanks for visiting!

posted @ Thursday, August 27, 2009 10:31 PM

Print

Comments on this entry:

# re: ASTreeView 1.0 Released

Left by stinjia at 8/27/2009 11:40 PM
Gravatar
i just check rbac framework source code based on geekees.com ,which contains astreeview control,good job!

# re: ASTreeView 1.0 Released

Left by felix at 8/28/2009 9:45 AM
Gravatar
对着控件比较敢兴趣

特别是那个 下拉框树

想要分代码看看,是否能+到我们的框架里

# re: ASTreeView 1.0 Released

Left by jinweijie at 8/28/2009 10:48 AM
Gravatar
@stinjia,

Yes, ASTreeView is included in rbac framework, but i am NOT guarantee
it is the latest version. :)

if you do need the source code, please drop me a line

# re: ASTreeView 1.0 Released

Left by Panda at 8/28/2009 12:58 PM
Gravatar
很不错,能给个源码学习吗?

# re: ASTreeView 1.0 Released

Left by just at 8/28/2009 2:43 PM
Gravatar
你好 这个树和extjs里的那个树非常象,不过那个下拉框选择的很有兴趣~
可否发份源码 学习下 呵呵~

# re: ASTreeView 1.0 Released

Left by Florin at 9/2/2009 12:16 AM
Gravatar
Hi,
I do not speak so well englisch, I would like your ASTreeView in asp.net MVC to integrate am possible that?? thanks!

# re: ASTreeView 1.0 Released

Left by jinweijie at 9/2/2009 10:01 AM
Gravatar
@Florin

I have not tried yet in asp.net MVC. I'll let you know after my try to using it in asp.net MVC.

thanks.

# re: ASTreeView 1.0 Released

Left by Yuvaraj at 9/4/2009 9:35 PM
Gravatar
It's great and beautiful like you..

# re: ASTreeView 1.0 Released

Left by jinweijie at 9/6/2009 9:45 PM
Gravatar
@Yuvaraj,

Thanks for your compliment :)

# re: ASTreeView 1.0 Released

Left by zzdfc at 9/11/2009 10:27 PM
Gravatar
能否也给我一份源码学习一下,我对那个下拉树特别有兴趣,但在下拉后,我选中一个节点,怎样才能让它自动收起来,像ComboBox一样?

# re: ASTreeView 1.0 Released

Left by zzdfc at 9/12/2009 12:37 AM
Gravatar
请问都支持那些浏览器?

# re: ASTreeView 1.0 Released

Left by jinweijie at 9/12/2009 7:38 AM
Gravatar
@zzdfc 你好,

ASTreeView支持ie6,ie7,ie8, firefox, chrome,opera

其他浏览器,比如safari应该也支持,但没测试过。

另外,选择节点自动收起来是可以实现的,但现在还未实现,可能在以后版本会实现。

我给你发email了,请查收。

谢谢!

# re: ASTreeView 1.0 Released

Left by jakieljl at 9/12/2009 8:57 AM
Gravatar
I am sorry to tell you that there is something wrong with my codes and ajax always point out " an error occured while requesting with ajax,please try again. ajaxIndex =0" or " ......ajaxIndex = 1". Can you tell me why?

# re: ASTreeView 1.0 Released

Left by jinweijie at 9/12/2009 10:38 AM
Gravatar
Hi @jakieljl,

could you please check if you set the "EditNodeProvider" , "DeleteNodeProvider" or "AddNodeProvider" correctly?

further more, the three providers should return an html snippet only contains "<li>" or "<ul>" elements. please see "ASTreeViewDemo3.aspx" in the demo package for example.

if the problem still exists, could please send me your project? I can help to debug.

# re: ASTreeView 1.0 Released

Left by jmssm at 9/13/2009 12:05 PM
Gravatar
你好, 我现在做的这个项目需要用到drag and drop. 能否也给我一份源码学习一下? 谢了!

# re: ASTreeView 1.0 Released

Left by zzdfc at 9/15/2009 2:28 PM
Gravatar
你好,仔细测试了一下下拉框树,做的很漂亮,但有几个地方能否完善一下(个人意见):
数据捆绑是否能支持HierarchicalDataSource,能否支持json;每次AutoPostback,树总是呈下拉状态,能否自动关闭;开放的事件太少;数据捆绑能否类似微软的DropDownList控件,直接捆绑Text和SelectedValue。我认为这些都是基本的功能,有了这些,我想才会有更多的人来使用。

# re: ASTreeView 1.0 Released

Left by jinweijie at 9/15/2009 6:06 PM
Gravatar
@zzdfc,

谢谢你的建议,在以后的版本中我会考虑实现的。毕竟现在只是1.0版本,以后会越做越完善的,谢谢支持!

# re: ASTreeView 1.0 Released

Left by Eduardo at 9/25/2009 4:35 AM
Gravatar
Nice job!!
I`ve seen the preview, but I couldn`t run the demo in my VS 2005. I got the error above. Could you send me the source of the dll in order to recompile using my own dll references?

Thanks in advance
Eduardo

Could not load file or assembly 'System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' or one of its dependencies

# re: ASTreeView 1.0 Released

Left by Eduardo at 9/25/2009 4:53 AM
Gravatar
I got it. The ASP.NET Ajax was missing. Thanks!

# re: ASTreeView 1.0 Released

Left by jinweijie at 9/25/2009 9:54 AM
Gravatar
@Eduardo,

Sorry for the inconvenience, i'll include the Asp.net ajax dlls in next package. thanks.

# re: ASTreeView 1.0 Released

Left by junix at 9/29/2009 10:54 AM
Gravatar
为什么我把控件放在VS2008的页面里,提示说是 to config astreeview please refer to the property page in your visual studio

# re: ASTreeView 1.0 Released

Left by jinweijie at 9/29/2009 1:12 PM
Gravatar
@junix,

是这样的,提示你去 属性 页里去设置astreeview的属性。谢谢

# ASTreeView on sourcecodeonline

Left by Pingback/TrackBack at 9/29/2009 1:19 PM
Gravatar
ASTreeView on sourcecodeonline

# re: ASTreeView 1.0 Released

Left by Sachin Bhosale at 9/29/2009 1:51 PM
Gravatar
You did very excellent job. Actually In market there are no.of third party controls available but you providing it free of cost is very appreciable .I was looking for open source splitter control in asp.net so please let me know if you have any idea about this.

# re: ASTreeView 1.0 Released

Left by 某某 at 10/2/2009 1:30 PM
Gravatar
你好,关于右键Add菜单,默认是一个InputBox,但是我想弹出自己的JS输入框,请问是否可行?
还有,我可不可以增加一个自己定义的右键菜单?

# re: ASTreeView 1.0 Released

Left by jinweijie at 10/2/2009 9:35 PM
Gravatar
@mmeroad,

可行,不过需要修改源代码,呵呵。

# re: ASTreeView 1.0 Released

Left by xiaot at 10/3/2009 7:08 PM
Gravatar
请问在使用ajax的时候,首次加载的时候加载两级树结构,请问这个怎么实现

# re: ASTreeView 1.0 Released

Left by jinweijie at 10/3/2009 10:25 PM
Gravatar
hi @xiao,
node有个属性 IsVirtualNode,设置为false就可以了,谢谢关注!

# re: ASTreeView 1.0 Released

Left by xiaot at 10/3/2009 10:41 PM
Gravatar
在使用ajax+下拉框的时候一直显示那个+号节点,请问怎么解决

# re: ASTreeView 1.0 Released

Left by jinweijie at 10/4/2009 4:45 PM
Gravatar
hi @xiaot,

能在说得清楚点吗?我不太理解你的意思

# re: ASTreeView 1.0 Released

Left by xiaot at 10/4/2009 11:08 PM
Gravatar
在使用ajax+下拉框的时候一直显示那个+号节点
astreeview_plus.gif 这个图片一直都显示
不隐藏

# re: ASTreeView 1.0 Released

Left by xiaot at 10/5/2009 12:05 AM
Gravatar
在使用jquery的时候出错,提示
索引超出范围。必须为非负值并小于集合大小。

# re: ASTreeView 1.0 Released

Left by xiaot at 10/5/2009 1:24 AM
Gravatar
http://www.aopulan.com/tree/
这是我演示的地址(上面两个问题)

# re: ASTreeView 1.0 Released

Left by xiaot at 10/11/2009 12:07 PM
Gravatar
能不能把我的这两个问题处理一下
http://www.aopulan.com/tree/
我已经在这里弄出了演示
1,在使用jquery的时候出错,提示
索引超出范围。必须为非负值并小于集合大小
2,在使用ajax+下拉框的时候一直显示那个+号节点
astreeview_plus.gif 这个图片一直都显示

# re: ASTreeView 1.0 Released

Left by jinweijie at 10/11/2009 8:26 PM
Gravatar
@xiaot,

我之前回过你email了,说能不能把你的实例项目发给我看看?因为我不用jquery,所以不知道具体什么情况,谢谢。

# re: ASTreeView 1.0 Released

Left by cool at 10/12/2009 10:23 AM
Gravatar
cooooolllllllll!@!!!!!!!

# re: ASTreeView 1.0 Released

Left by xiaot at 10/12/2009 3:16 PM
Gravatar
我只是在head里面添加了这一段代码
<script src="Javascript/jquery.js" type="text/javascript"></script>
再没有其它的代码了,就会出错

# re: ASTreeView 1.0 Released

Left by jinweijie at 10/12/2009 11:49 PM
Gravatar
@xiaot,

经过测试,的确,引入了jquery就会出错,我估计是form submit的时候jquery做了什么事情,我尽快调试解决,谢谢!

# re: ASTreeView 1.0 Released

Left by kevinmomo at 10/13/2009 8:24 AM
Gravatar
你好,看了你做的这个控件.觉得思路不错,是否有机会交流交流,qq msn都可以.

# re: ASTreeView 1.0 Released

Left by jinweijie at 10/13/2009 10:29 AM
Gravatar
@kevinmomo,

没问题,我把我的msn发你email了。

# re: ASTreeView 1.0 Released

Left by jinweijie at 10/13/2009 11:18 AM
Gravatar
@xiaot,

使用jQuery的noconflict就可以解决冲突问题,只要在引用jquery类库下面加这么一句:

<script src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
var J = jQuery.noConflict();
</script>

之后,你可以使用 J("#foo") 取得以前$('#foo')一样的效果。

我会在下个版本里把$函数更名,以便不和jquery冲突。


谢谢!

# re: ASTreeView 1.0 Released

Left by Wang Xinliang at 10/13/2009 5:18 PM
Gravatar
您好,这个问题是怎么回事啊?没找到解决的办法 谢谢 An error occured while requesting with ajax,please try again. ajaxIndex=0

# re: ASTreeView 1.0 Released

Left by xiaot at 10/13/2009 8:29 PM
Gravatar
谢谢

# re: ASTreeView 1.0 Released

Left by jinweijie at 10/14/2009 7:33 AM
Gravatar
@Wang Xinliang,

你好,这个错误说明ajax返回的state不是200。

你是在运行我的sample的时候出现这个错吗?

# re: ASTreeView 1.0 Released

Left by Wang Xinliang at 10/14/2009 9:26 AM
Gravatar
您的源码能给我发一份吗?我看看 谢谢

# re: ASTreeView 1.0 Released

Left by Wang Xinliang at 10/14/2009 9:31 AM
Gravatar
我就从网上下载了一下 dll 感觉用的不顺手

# re: ASTreeView 1.0 Released

Left by jinweijie at 10/14/2009 2:00 PM
Gravatar
@Wang Xinliang,

请问什么不顺手呢?谢谢

# re: ASTreeView 1.0 Released

Left by sashimi at 10/26/2009 5:44 PM
Gravatar
JIN Weijie 你好。看了你写的Treeview的控件,功能好强大啊。我现在只是想实现三态树节点的功能。但不知道如何实现,有时间,可以指导一下吗?由于项目暂时不让使用第三方控件,所以想知道怎么通过代码实现。谢谢。

# re: ASTreeView 1.0 Released

Left by gongqf at 10/27/2009 9:29 AM
Gravatar
你好 你的树形列表功能很强大
我想稍作修改 根目录为单选
选择项多带参数
可以发我一套源码吗?

# re: ASTreeView 1.0 Released

Left by wj2929 at 10/29/2009 6:56 PM
Gravatar
Id及ParentId类型为Guid,显示不出树,请问如何解决?

# re: ASTreeView 1.0 Released

Left by jinweijie at 10/31/2009 3:25 PM
Gravatar
@wj2929,
问题已经解决了吧

# re: ASTreeView 1.0 Released

Left by 在在 at 11/7/2009 9:13 AM
Gravatar
还是为是开源的,失望中............

# re: ASTreeView 1.0 Released

Left by Lgadis at 11/9/2009 11:54 PM
Gravatar
Greetings, thanks for the great control. I had a little problem with one of the requirements for my project. Basically some of the nodes in my tree need to have colored or bolded text . I tred to do this by setting the node text to "<label style='color:Red;font-weight:bold;'>{0}</label>" but when I did this the right-click menu options "edit"."delete",and "add" apeared in the right click-menu when I have them set to disabled. All other node have the proper "custom" menu that i set on all nodes.

Has anyone had this issue before? is there a fix?
Thanks much,
L

# re: ASTreeView 1.0 Released

Left by keithk at 11/10/2009 5:37 AM
Gravatar
when the datasource is xml how do you add or edit or delet?

# re: ASTreeView 1.0 Released

Left by ashish at 11/12/2009 6:30 PM
Gravatar
Hi!

Its cool but i need your help its urgent for me . i m making a project in which i want to drag and drop folder in one another. and after drag and drop when i refresh page it should be in the change state meand it wll be in that state after drag and drop. so i need that when we are going to drag and drop it should be postback or any event fire. so that i can open any new window at that time and can update my database record plz reply me solve my problem

# re: ASTreeView 1.0 Released

Left by jinweijie at 11/17/2009 3:28 PM
Gravatar
@Lgadis,

for your question, one work around is to add a "style" attribute to the node, like:

ASTreeViewLinkNode l = new ASTreeViewLinkNode( "Hummer", "Hummer", "http://www.hummer.com", "_self", "Goto Hummer.com", "~/Images/demoIcons/hummer.gif" );

l.AddtionalAttributes.Add( new KeyValuePair<string, string>( "style", "color:red;background-color:blue;" ) );


this can change the color of the node, of course you can set other styles.

and also i'll look at the nodeText issue you reported, thank you.

# re: ASTreeView 1.0 Released

Left by Ivan at 11/17/2009 11:30 PM
Gravatar
Hi,
thanks for the great control. It's very nice job. I have a one question for beginning: can i change edit input text box to be multiline?
Thanks in advance

# re: ASTreeView 1.0 Released

Left by jinweijie at 11/24/2009 5:50 PM
Gravatar
@Ivan,
The multiline edit is now supported in the new version: www.jinweijie.com/.../..._1_3_0_release_notes.aspx

thank you

# re: ASTreeView 1.0 Released

Left by 赵学智 at 12/7/2009 2:34 PM
Gravatar
兄弟,往我EMAIL里,能给我发一下您的MSN吗?我有问题想你

# re: ASTreeView 1.0 Released

Left by eray1984 at 1/8/2010 2:36 PM
Gravatar
你好,试用了下感觉不错,强烈想学习下源代码,能否发我一份,谢谢!!能给我MSN吗?对控件开发比较有兴趣,跟楼主学习学习

# re: ASTreeView 1.0 Released

Left by Steven at 2/27/2010 11:05 PM
Gravatar
Hey,

I would like to use atreeview but i dont know how to start with it, where i have to place the files and witch files are important, how to build it up... Do you have a manual?

With Regards,

Steven

# re: ASTreeView 1.0 Released

Left by jinweijie at 3/1/2010 5:42 PM
Gravatar
@Steven,

I've replied to you by email

Your comment:



 (will not be displayed)


 
 
 
Please add 3 and 7 and type the answer here:
 

Live Comment Preview:

 
View posts by date
«March»
SunMonTueWedThuFriSat
28123456
78910111213
14151617181920
21222324252627
28293031123
45678910