ExtJs4 TreePanel 实例

Ext.app.AdSitePopedomForm = Ext.extend(Ext.Window,
{
    title: '网站功能授权',
    id: 'am-adsitepopedom',
    autoScroll: true,
    xtype: "window",
    width: 400,
    height: 540,
    layout: "absolute",
    modal: true,
    initComponent: function () {
        var userId = Ext.getCmp("am-usergrid").userId;
        var mytree = new Ext.tree.TreePanel({
            id: 'ppdTree',
            x: 5,
            y: 5,
            width: 378,
            height: 470,
            useArrows: true,
            autoScroll: true,
            animate: true,
            enableDD: true,
            containerScroll: true,
            store: new Ext.data.TreeStore
                        ({
                            proxy:
                            {
                                type: 'ajax',
                                url: 'data/User/UserPopedom.aspx?parameter=ppdTree&userId=' + userId
                            },
                            root:
                            {
                                id: 0,
                                text: "选择权限",
                                leaf: false,
                                expandable: true,
                                expanded: true
                            },
                            sorters: [
                            {
                                property: 'leaf',
                                direction: 'ASC'
                            },
                            {
                                property: 'text',
                                direction: 'ASC'
                            }]
                        })
        });
        mytree.on('checkchange', function (node, checked) {
            node.expand();
            node.checked = checked;
            node.eachChild(function (child) {
                child.set('checked', checked);
                child.fireEvent('checkchange', child, checked);
            });
        }, mytree);



        this.items =
        [
           mytree,
			{
			    xtype: "textfield",
			    hidden: true,
			    name: "Id",
			    id: "Id",
			    value: userId
			}
         ];
        this.buttons =
	    [
		   {
		       text: '确认',
		       xtype: 'button',
		       width: 30,
		       handler: function () {
		           var b = mytree.getChecked();
		           var checkids = new Array; // 存放选中id的  数组  
		           for (var i = 0; i < b.length; i++) {
		               if (b.length == 1) {
		                   checkids = b[i].data.id;
		               }
		               else {
		                   if (i < b.length - 1) {
		                       checkids += b[i].data.id + ",";
		                   }
		                   if (i == b.length - 1) {
		                       checkids += b[i].data.id;
		                   }
		               }

		               // checkid.push(b[i].text); // 添加id到数组  
		           }
		           Ext.Ajax.request({
		               url: "data/User/UserPopedom.aspx?parameter=poped",
		               method: "POST",
		               params: { ppdIds: checkids, userId: userId }, //发送的参数
		               success: function (response, option) {
		                   response = Ext.JSON.decode(response.responseText);
		                   if (response.success == true) {
		                       if (response.flag == true) {
		                           Ext.MessageBox.alert("提示", "权限分配成功！");

		                           //关闭当前窗体
		                           var adpoped = Ext.getCmp("am-adsitepopedom");
		                           adpoped.close();

		                           //刷新列表
		                           var adGrid = Ext.getCmp("am-usergrid");
		                           adGrid.store.load();
		                       }
		                       else {
		                           Ext.MessageBox.alert("错误信息", "权限分配失败！");
		                       }
		                   }
		                   else {
		                       Ext.MessageBox.alert("错误信息", response.msg);
		                   }
		               },
		               failure: function () {
		                   Ext.Msg.alert("提示", "权限分配<br>没有捕获到异常");
		               }
		           });
		       }
		   },
            {
                text: '取消',
                xtype: 'button',
                width: 30,
                handler: function () {
                    var windows = Ext.getCmp('am-adsitepopedom');
                    windows.close();
                }
            }
        ];
        Ext.app.AdSitePopedomForm.superclass.initComponent.call(this);
    }
});

 using System;

using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using CtManager.BLL;
using CtManager.Model;
using Newtonsoft.Json;

public partial class Data_User_UserPopedom : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request["parameter"] == null)
        {
            Response.Write("");
            return;
        }

        string parameter = Request["parameter"];
        if (parameter == "ppdTree") Response.Write(AdvertisingTreePPDData());
        else if (parameter == "poped") Response.Write(DistributeAuthority());
        else Response.Write("");
    }
    /// <summary>
    /// 权限分配方法
    /// </summary>
    /// <returns></returns>
    public string DistributeAuthority()
    {
        try
        {
            if (UserInfoManager.ModifyUserInfoPopedomById(Request["ppdIds"], Request["userId"])) return "{success:true,flag:true}";
            else return "{success:true,flag:false}";
        }
        catch (Exception /*ex*/)
        {
            return "{success:true,flag:false}";
        }
    }

    /// <summary>
    /// 广告位 树的Json数据源(用于授权 数据加上复选框) 用户权限初始化
    /// </summary>
    /// <returns></returns>
    public string AdvertisingTreePPDData()
    {
        IList<PopeDom> ppdList = UserInfoManager.CreatePopedomTree(Request["userId"]);

        return JavaScriptConvert.SerializeObject(ppdList).Replace("Mchecked", "checked");
    }
}