SilverLight的MVVM模式中模板实现无限级树形结构（TreeView）

时间：2011-04-14 来源：记忆逝去的青春

背景
在很多时候我们都希望得到一个无限制的树形结构来展示一层一层的数据。。。
尤其在SilverLight中更是常见。。。
我见过网上很多用cs后天代码来控制树形控件的显示层。。。
问题
但是在MVVM模式中某些后台代码的控制就显得不是很好用。。。
解决方案
我们可以从树形控件TreeView的ItemTemplate模板来实现这个小功能。。。
TreeView实际绑定一个最顶层的列表集合
Item绑定根据定层id获取的下层列表集合
看效果：

数据库设计：

SilverLight代码：

<sdk:TreeView HorizontalAlignment="Stretch" x:Name="tvSuppType" VerticalAlignment="Stretch" Margin="5" ItemsSource="{Binding SuppTypeModelList}"  BorderBrush="#687B8B">
                <sdk:TreeView.ItemTemplate>
                    <sdk:HierarchicalDataTemplate ItemsSource="{Binding ChildSuppTypeModelList}">
                        <ContentPresenter Content="{Binding SuppType_Name}" />
                    </sdk:HierarchicalDataTemplate>
                </sdk:TreeView.ItemTemplate>

            </sdk:TreeView>

cs代码：

/// <summary>
        /// 供应商分类列表
        /// </summary>
        public IList<SuppTypeModel> SuppTypeModelList
        {
            get { return _SuppTypeModelList; }
            set
            {
                if (_SuppTypeModelList != value)
                {
                    _SuppTypeModelList = value;
                    Notify(() => SuppTypeModelList);
                }
            }
        }

        /// <summary>
        /// 供应商子分类列表
        /// </summary>
        public IList<SuppTypeModel> ChildSuppTypeModelList
        {
            get { return _ChildSuppTypeModelList; }
            set
            {
                if (_ChildSuppTypeModelList != value)
                {
                    _ChildSuppTypeModelList = value;
                    Notify(() => ChildSuppTypeModelList);
                }
            }
        }

 /// <summary>
        /// 获取供应商顶层列表数据
        /// </summary>
        private void GetSuppTypeList()
        {
            RequestService.Sent(DataMaintenanceUriNames.GetSuppTypeList, null,
                                delegate(object sent, ResponseArgs args)
                                    {
                                        var list = args.JsonResponse.GetPostData<IList<SuppTypeModel>>();
                                        SuppTypeModelList = list;
                                        
                                    });
        }
//选择了顶层Item显示下层
//此处因为考虑到数据库以后数据量大的话。全部获取效率较低。。
//所以在点击的时候只获取一个即可
 private void DoTreeViewSelection(object param)
        {
            if (param == null) return;
            SuppTypeModel = (SuppTypeModel) param;
            ChildSuppTypeModelList = new List<SuppTypeModel>();
            ChildSuppTypeModelList.Add(SuppTypeModel);
            GetSuppTypeListByID(SuppTypeModel);
        }

//根据当前选择的Item来获取他的下层集合
//因为我在这里是用Hibernate配置的所以没写获取的方法
//如果是常规获取，直接可以变成数据库获取。
        private void GetSuppTypeListByID(SuppTypeModel SuppType)
        {
            foreach (SuppTypeModel suppTypeModel in SuppType.ChildSuppTypeModelList)
            {
                ChildSuppTypeModelList.Add(suppTypeModel);
                GetSuppTypeListByID(suppTypeModel);
            }
        }

Model代码：

///<summary>
        /// 父模型
        ///</summary>
        [JsonIgnore]
        public virtual SuppTypeModel FatherSuppTypeModel { get; set; }
  private ICollection<SuppTypeModel> _ChildSuppTypeModel = new HashSet<SuppTypeModel>();
/// <summary>
        /// 子模型集合
        /// </summary>
        public virtual ICollection<SuppTypeModel> ChildSuppTypeModelList
        {
            set { _ChildSuppTypeModel = value; }
            get
            {
                if (_ChildSuppTypeModel != null)
                {
                    foreach (SuppTypeModel areaModel in _ChildSuppTypeModel)
                    {
                        areaModel.FatherSuppTypeModel = this;
                    }
                }

                return _ChildSuppTypeModel;
            }
        }

Hibernate获取顶层集合

/// <summary>
        /// 获取往来单位.分类树形列表
        /// </summary>
        /// <returns>IList<SuppTypeModel/></returns>
        [Transaction(ReadOnly = true)]
        public IList<SuppTypeModel> GetSuppTypeList()
        {
            IList<SuppTypeModel> list = DaoSupport.Session.CreateCriteria<SuppTypeModel>()
                .Add(Restrictions.Eq("SuppType_IsDel", "0"))
                .Add(Restrictions.Eq("SuppType_ParentId",  new Guid("00000000-0000-0000-0000-000000000000")))
                .List<SuppTypeModel>();
            return list;
        }

Hibernate配置文件

<hibernate-mapping xmlns="urn:nhibernate-mapping-2.2" default-lazy="false" namespace="MMISUI.Models.Area" assembly="MMISUI">
  <class name="SuppTypeModel" table="T_Bas_SuppType">
    <id name="SuppType_Id" column="SuppType_Id">
      <generator class="guid"></generator>
    </id>
    <property name="SuppType_Code"></property>
    <property name="SuppType_Name"></property>
    <property name="SuppType_CodeLevel"></property>
    <property name="SuppType_ParentId"></property>
    <property name="SuppType_IsEnd"></property>
    <property name="SuppType_IsDel"></property>
    <property name="SuppType_Remark"></property>
    <many-to-one name="FatherSuppTypeModel" class="SuppTypeModel" column="SuppType_ParentId" not-found="ignore" update="false" insert="false"></many-to-one>
    <set name="ChildSuppTypeModelList" fetch="subselect" where="SuppType_IsDel=0">
      <key column="SuppType_ParentId" />
      <one-to-many class="SuppTypeModel" />
    </set>

  </class>

</hibernate-mapping>

代码有点乱。。。见谅！！！
大功告成！！！