Asp.Net、MVC4、Mvc.Ext.Net项目实践(二)

浏览数：275 / 时间：2015年06月09日

在前期搭建框架的时候，大约花了一个月的时间来解决技术难点问题。刚才对这个mvc.ext.net什么都不了解，都是从头开始学习，包括mvc4的语法，mvc与ext.net的结合使用。刚开始一直在写一个实例就是树的生成，其实弄明白以后非常简单，先贴出图片(我还是用实例的吧)

技术分享我使用的是异步加载，上一篇的第三张图左侧树实现方式是一样的。忘记说了我用的是ext.net2.1.1版本的，因为这个版本可以破解，还可以修改源代码。先放上这棵树的源代码吧。

 1 @{
 2     ViewBag.Title = "TreePanel using DirectMethod";
 3     Layout = "~/Views/Shared/_BaseLayout.cshtml";
 4 }
 5 
 6 @section headtag
 7 {
 8     <script>
 9         var nodeLoad = function (store, operation, options) {
10             var node = operation.node;
11 
12             App.direct.NodeLoad(node.getId(), {
13                 success : function (result) {
14                     node.set(‘loading‘, false);
15                     node.set(‘loaded‘, true);                    
16                     node.appendChild(result);
17                     node.expand();                    
18                 },
19 
20                 failure : function (errorMsg) {
21                     Ext.Msg.alert(‘Failure‘, errorMsg);
22                 }
23             });
24 
25             return false;
26         };
27     </script>
28 }
29 
30 @section example
31 {
32     <h1>TreePanel using DirectMethod</h1>
33     @(
34         Html.X().TreePanel()
35             .Title("Tree")
36             .Width(300)
37             .Height(450)
38             .Border(false)
39             .Root(Html.X().Node().NodeID("0").Text("Root"))
40             .Listeners(l => { l.BeforeLoad.Fn = "nodeLoad"; })
41     )
42 }

前端

 1 [DirectController(AreaName = "TreePanel_Loaders", GenerateProxyForOtherControllers = false, IDMode = DirectMethodProxyIDMode.None)]
 2     public class Direct_MethodController : Controller
 3     {
 4         public ActionResult Index()
 5         {
 6             return View();
 7         }
 8 
 9         [DirectMethod]
10         public ActionResult NodeLoad(string node)
11         {
12             NodeCollection nodes = new Ext.Net.NodeCollection();
13 
14             if (!string.IsNullOrEmpty(node))
15             {
16                 for (int i = 1; i < 6; i++)
17                 {
18                     Node asyncNode = new Node();
19                     asyncNode.Text = node + i;
20                     asyncNode.NodeID = node + i;
21                     nodes.Add(asyncNode);
22                 }
23 
24                 for (int i = 6; i < 11; i++)
25                 {
26                     Node treeNode = new Node();
27                     treeNode.Text = node + i;
28                     treeNode.NodeID = node + i;
29                     treeNode.Leaf = true;
30                     nodes.Add(treeNode);
31                 }
32             }
33 
34             return this.Direct(nodes);
35         }
36     }