先上效果图
1、说明
Ext.tree.Panel 控件是树形控件，大家知道树形结构在软件开发过程中的应用是很广泛的，树形控件的数据有本地数据、服务器端返回的数据两种。
对于本地数据的加载，在extjs的 api文档中都有介绍，但是Extjs.tree.Panel怎么动态加载数据库中的数据，API文档介绍的较少，
以至于初学者，不知道怎么实现。
本篇文章将介绍Extjs.tree.Panel动态加载数据的思路。
本篇文章的主要内容有：
（1）、搭建环境
（2）、创建数据表
（3）、创建实体类
（4）、创建ViewModel
（5）、编写后台代码
（6）、编写前台代码
注意：虽然本文写的非常详细，但是也要求读者具有mvc、fluentdata方面的知识准备。
一、搭建环境
开发环境：visualstudio 2012
ORM ： fluentdata
开发语言：c#
项目类型：asp.net mvc4
搭建环境步骤：
（1）、打开visualstudio 2012 ，新建-项目-模板-visual c#-web-asp.net mvc4 （基本）
（2）、引用fluentd.dll
在方案资源管理器中，找到刚刚创建的项目，右键单击“引用”文件夹，在弹出菜单选择“添加引用”，浏览，找到fluentd.dll 单击“确定”按钮即可
（3）、在项目下添加一个文件夹，命名为“DAL”，在该文件夹中添加一个类DBHelper.cs
（4）、在web.config文件中添加数据库连接字符串
<connectionStrings>
<add name="testDBContext" connectionString="server=192.168.1.105;uid=sa;pwd=***;database=NewDB;"/>
</connectionStrings>
DBHelper.cs类代码如下：
using System; using System.Collections.Generic; using System.Linq; using System.Web; using FluentData; namespace MvcExtJsTree.DAL { public class DBHelper { public static IDbContext Context() { return new DbContext().ConnectionStringName("testDBContext", new SqlServerProvider()); } } }