动态载入数据的无刷新TreeView控件(2)

简介:

昨天说了一下TreeView控件的数据结构和UI表现的设计。为了让一个TreeView控件有更好的实用性,对它的功能和外观作一些必要的定制是非常有用的,今天就来说一下关于定制这个TreeView相关的一些设计。因为这些东西在一开始编码后就会马上被使用到,先确定好能省不少事。

    目前设计了3个辅助TreeView的类,它们分别是:

    
Class Name Description
TreeType 表明树的类型,特殊类型有的地方要特殊处理
TreeStyle 树的外观定制的一些属性和方法
TreeAttribute 树的功能定制的一些属性和方法


    还有一个全局Object实例__GlobalTreeCache__,用来cache所有的Tree和TreeNode的实例,作用是用来快速的定位制定的TreeNode,特别在异步动态Load子树时非常的有用。

    TreeType设计成一个static的类,不能实例化,当然它更像是一个enum。

    TreeStyle和TreeAttribute的结构和使用都相同,分开只是为了逻辑上面更加的清晰。这两个类的实现非常简单,就是在其内部定义很多的属性条目就行了。这里有问题的是怎么把这两个内的实例应用到TreeView的实例上去。有两个方法来做这个事情,如果我们不怕麻烦,就先分别生成一个TreeStyle和TreeAttribute的实例,然后再分别赋值给Tree和TreeNode。第二是让Tree和TreeNode内部自动维护这个TreeStyle和TreeAttribute,目前的实现采用的第二种方法,因为这样似乎是TreeView的使用更加简洁。
  function Tree(attribute, style)
 {
     //  . . .
   
     this.m_Attributes = attribute ? attribute :  new TreeAttribute();
     this.m_Styles = style ? style :  new TreeStyle();   
 }

    用户不用去关心TreeStyle和TreeAttribute的生成,然后整棵树共享第一次初始化时生成的TreeStyle和TreeAttribute实例。不过必须注意的是,以后对子树的初始化需要赋给attribute和style参数,否这子树就会生成自己的TreeStyle和TreeAttribute实例 。这个地方有点矛盾,如果要让控件使用方便,就有可能生成冗余对象;否这就需要手动创建并手动赋值attribute和style。

    对了,为什么不生成全局变量TreeStyle和TreeAttribute实例呢?那样一个页面的多棵树就不能apply不同的风格了:(

    附TreeStyle和TreeAttribute代码(还会根据接下来的开发扩充这两个类):
  function TreeStyle()
 {

     this.toString =  function()
    {
         return '[class TreeStyle]';
    };  
 }

 TreeStyle.OpIcon =  function(image)
 {
     return 'Skins/ default/' + image + '.gif';
 };

 TreeStyle.Icon =  function(icon)
 {
     if ( !icon )
    {
         icon = ' default.gif';
    }
     if ( icon.indexOf('.') == -1 )
    {
         icon += '.gif';
    }
     return 'Skins/' + icon;
 };

  function TreeAttribute()
 {
     this.m_TextIndent = 2;
     this.m_HasCheckBox =  true

     this.toString =  function()
    {
         return '[class TreeAttribute]';
    };  
 }

    to be continued ...


本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

目录
相关文章
|
前端开发 数据库
通过ajax调用数据字典数据动态添加到网页下拉列表
通过ajax调用数据字典数据动态添加到网页下拉列表
|
C#
WPF通过代码动态的加载样式
原文:WPF通过代码动态的加载样式 tabitem.SetResourceReference(TabItem.StyleProperty, "mainTabItemStyle"); tabitem.Content = new Goods.GoodsMain();
1210 0
|
前端开发 容器
用MVVM模式开发中遇到的零散问题总结(5)——将动态加载的可视元素保存为图片的控件,Binding刷新的时机
原文:用MVVM模式开发中遇到的零散问题总结(5)——将动态加载的可视元素保存为图片的控件,Binding刷新的时机       在项目开发中经常会遇到这样一种情况,就是需要将用户填写的信息排版到一张表单中,供打印或存档。
827 0