easyui和Ajax在mvc3中的权限设置

权限管理，ps：抄的领导的，比较粗糙，一切挺好的，就是没有那个编辑用户权限时，默认选中原来已有的权限节点。

效果如下：

cshtml代码：

@{
    ViewBag.Title = "学校后台权限设置";
    Layout = "~/Views/Shared/_Layout2.cshtml";
}
@section Head{
    <script src="@Url.Content("~/Scripts/BasicSchool_RightJS.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#provinceId").combobox({
                url: "/BasicSchool_Right/GetTeacher",
                editable: false,
                valueField: "id",
                textField: "userName",
                panelHeight: "auto"
            });

        });
    </script>
}
<div region="center" style=" 550px; height: 300px; padding: 1px; overflow-y: hidden">
    <div id="grid">
    </div>
</div>
<div id="rightSet-window" style="padding: 10px; background: #fff; border: 1px solid #ccc; 850px; height: 350px; padding: 10px">
     
      <ul id="rightSet-ul-window"></ul>
      <a id="aRowId"></a>
      <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-ok" onclick="saveData()"> 保存</a>
</div>

<div id="search-window" title="搜索教师" style=" 350px; height: 250px; padding: 10px">
    <div style="padding: 10px; background: #fff; border: 1px solid #ccc;">
        <form method="post" id="Form2">
         <table>
            <tr>
                <td style="text-align: right">
                    教师：
                </td>
                <td>
                    <select id="provinceId" class="easyui-combogrid" name="provinceId" style=" 200px;"
                        class="easyui-validatebox" required="true">
                    </select>
                </td>
            </tr> 
            <tr>
                <td style="text-align: right">
                    教师名称：
                </td>
                <td>
                    <input type="text" name="schoolName" id="schoolName" class="easyui-validatebox"
                        style=" 200px;" maxlength="25" />
                </td>
            </tr>  
        </table>
        </form>
    </div>
    <div style="text-align: right; padding: 5px; vertical-align: bottom">
        <a href="javascript:void(0)" onclick="SearchOK()" id="btn-search" icon="icon-ok">搜索</a>
        <a href="javascript:void(0)" onclick="closeSearchWindow()" id="btn-search-cancel"
            icon="icon-cancel">取消</a>
    </div>
</div>

后台Action代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using TeachAid.SpecialCloudEduPlatform.BLL;
using TeachAid.SpecialCloudEduPlatform.Entity;
using System.Web.Script.Serialization;
using Newtonsoft.Json;

namespace TeachAid.SpecialCloudEduPlatform.Web.Controllers
{
    public class TreeViewLocation
    {
        public TreeViewLocation()
        {
            children = new HashSet<TreeViewLocation>();
        }
        public int id { get; set; }
        public string text { get; set; }
        public ICollection<TreeViewLocation> children { get; set; }
    }

    public class BasicSchool_RightController : Controller
    {
        BLLBasicMain_UserInfo userInfoBLL = new BLLBasicMain_UserInfo();
        BLLJsonHelper bjb = new BLLJsonHelper(); 

        public ActionResult Index()
        {
            return View();
        }

        /// <summary>
        /// 查询学校教师信息6
        /// </summary>
        /// <returns></returns>
        public ActionResult GetTeacher() 
        {
            IList<BasicMainUserInfo> userList = userInfoBLL.GetUserListBySchoolAndRold(((BasicMainUserInfo)Session["UserInfoLogin"]).schoolID, 1);
            JavaScriptSerializer json = new JavaScriptSerializer();
            string str = json.Serialize(userList); 
            return Content(str, "text/html;charset=UTF-8"); 
        }

        /// <summary>
        /// 教师信息列表
        /// </summary>
        /// <returns></returns>
        public ActionResult GetList() 
        {
            int pageIndex = int.Parse(Request.Form["page"].ToString());
            int pageSize = int.Parse(Request.Form["rows"].ToString());
            string biao = "View_BasicSchool_UserTeacherDetails";
            string zhid = "id,userName,RealName,pwd,types,schoolID,schoolName,bid,cId,basicMain_UserInfoID,basicMain_SchoolId,isDirector,titles,birthday,phone,sex,email,blogUrl,motto,photo,isActivation,addTime";
            string str = " schoolID=" + ((BasicMainUserInfo)Session["UserInfoLogin"]).schoolID + " and types=1 ";
            string json = bjb.GetJSON(pageIndex, pageSize, biao, zhid, "id", "desc", str);
            return Content(json, "text/html;charset=UTF-8");
        } 

        /// <summary>
        /// 获得树节点菜单
        /// </summary>
        /// <returns></returns>
        public ActionResult GetTreeJson() 
        {
            BLLBasicMainTreeView blltv = new BLLBasicMainTreeView();
            JavaScriptSerializer j = new JavaScriptSerializer();
            return Content(j.Serialize(blltv.GetTreeViewBySchoolId(((BasicMainUserInfo)Session["UserInfoLogin"]).schoolID).ToArray()), "text/html;charset=UTF-8"); 
        }

        /// <summary>
        /// 保存为当前用户分配的权限信息
        /// </summary>
        /// <param name="ids"></param>
        /// <param name="schoolid"></param>
        /// <returns></returns>
        public ActionResult CreateRightSet(string ids, string uid)
        {
            Message msg = new Message(true, "保存信息成功！");
            BLLBasicMainTreeView bllMainTree = new BLLBasicMainTreeView();
            bllMainTree.InsertNodeForSchoolUsers(int.Parse(uid), ids);
            return Content(JsonConvert.SerializeObject(msg), "text/html;charset=UTF-8");
        } 
    }
}

js代码：

// 全局变量
var grid;
var dlg_Edit;
var dlg_Edit_form;
var searchWin;
var searchForm;
var virpath = ""; //网站的虚拟目录 如：/ShopManager


$(function () {
    grid = $('#grid').datagrid({
        title: '权限分配',
        iconCls: 'icon-save',
        methord: 'post',
        url: '/BasicSchool_Right/GetList/',
        sortName: 'id',
        sortOrder: 'desc',
        idField: 'id',
        pageSize: 20,
        striped: true, //奇偶行是否区分
        columns: [[
                    { field: 'id', title: '编号',  100, sortable: true },
                    { field: 'userName', title: '教师登录名',  100, sortable: true },
                    { field: 'RealName', title: '真实姓名',  100, sortable: true },
                    { field: 'addTime', title: '添加时间',  120, sortable: true }, 
                    {field: 'schoolID', title: '权限管理',  50, rowspan: 2, align: 'left',
                     formatter: function (value, rec) {
                         return '<a style="color:blue;cursor:pointer;" href="#" onclick="editRightSet()">编辑</a>';
                     }
                    }
                  ]],
        fit: true,
        pagination: true,
        rownumbers: true,
        fitColumns: true,
        singleSelect: false,
        toolbar: [{
            text: '高级搜索',
            iconCls: 'icon-search',
            handler: OpensearchWin
        }, '-', {
            text: '所有',
            iconCls: 'icon-search',
            handler: showAll
        }], onDblClickRow: function (rowIndex, rowData) {  //datagrid 行双击事件


        }, onClickRow: function (value, rec) {  //datagrid 行双击事件
            $('#aRowId').val(rec.id); // 给schoolid 影藏控件赋值
        }, onHeaderContextMenu: function (e, field) {
            e.preventDefault();
            if (!$('#tmenu').length) {
                createColumnMenu();
            }
            $('#tmenu').menu('show', {
                left: e.pageX,
                top: e.pageY
            });
        }

    });

    dlg_Edit = $('#rightSet-window').dialog({
        closed: true,

        toolbar: [{
            text: '保存',
            iconCls: 'icon-save',
            handler: saveData
        }, '-', {
            text: '关闭',
            iconCls: 'icon-no',
            handler: function () {
                dlg_Edit.dialog('close');
            }
        }]

    });


    dlg_Edit_form = dlg_Edit.find('form');

    $('#btn-search,#btn-search-cancel').linkbutton();
    searchWin = $('#search-window').window({
        iconCls: 'icon-search',
        closed: true,
        modal: true
    });
    searchForm = searchWin.find('form');
    $('body').layout();
});

//设置权限
function editRightSet() { 
    var rightSetWin = $('#rightSet-window').window({
        title: "设置权限",
        closed: true,
        modal: true,
        minimizable: false
    });
    rightSetWin.window('open');
    GetRightTree();
    rightSetWin.form('clear');
}

//获得权限设置
function GetRightTree() {
    $('#rightSet-ul-window').tree({
        checkbox: true,
        url: '/BasicSchool_Right/GetTreeJson',
        //cascadeCheck: false, 选择此节点不需要父节点
        onClick: function (node) {
            $(this).tree('toggle', node.target);
        }, onContextMenu: function (e, node) {
            e.preventDefault();
            $('#rightSet-ul-window').tree('select', node.target);
        }
    });
}


function createColumnMenu() {
    var tmenu = $('<div id="tmenu" style="100px;"></div>').appendTo('body');
    var fields = grid.datagrid('getColumnFields');
    for (var i = 0; i < fields.length; i++) {
        $('<div iconCls="icon-ok"/>').html(fields[i]).appendTo(tmenu);
    }
    tmenu.menu({
        onClick: function (item) {
            if (item.iconCls == 'icon-ok') {
                grid.datagrid('hideColumn', item.text);
                tmenu.menu('setIcon', {
                    target: item.target,
                    iconCls: 'icon-empty'
                });
            } else {
                grid.datagrid('showColumn', item.text);
                tmenu.menu('setIcon', {
                    target: item.target,
                    iconCls: 'icon-ok'
                });
            }
        }
    });
}


 
//保存用户的权限节点
function saveData() { 
    var nodes = $('#rightSet-ul-window').tree('getChecked');
    var str = '';
    for (var i = 0; i < nodes.length; i++) {
        if (str != '') str += ',';
        str += nodes[i].id;
    }
    if (str.length > 0) {
        $.ajax({ 
            url: virpath + '/BasicSchool_Right/CreateRightSet/?ids=' + str + '&uid=' + $('#aRowId').val(),
            type: 'post',
            error: function () {
                Msgalert('错误', '失败!', 'error');
            },
            success: function (re) {
                Msgalert('提示', '保存成功!', '提示');
                dlg_Edit.dialog('close');
            }
        });
    } else {
        Msgalert('提示', '请选择你要设置的模块!', '提示');
    }

} 

function showAll() {
    grid.datagrid({ url: virpath + '/BasicSchool_Right/GetList/' });
}
function OpensearchWin() {
    searchWin.window('open');
    searchForm.form('clear');
    $('#Enable2').combobox('setValue', true); //默认设置开启搜素
}

function SearchOK() {
    var Name = $("#Name").val();
    var Id = $("#TypeId2").combobox("getValue");
    var bl = $('#Enable2').combobox('getValue'); //默认设置开启搜素
    var PId = $("#pid").val(); //ID
    var Price = $("#Price").val(); //价格
    //    alert(Name + "==" + Id + "==" + MId + "==" + bl + "==" + CId+"=="+Code);
    searchWin.window('close');
    grid.datagrid({ url: virpath + '/Admin/SeachProductInfo/', queryParams: { ProductName: Name, typeId: Id, ProductId: PId, RealPrice: Price, en: bl} });
    //经过测试queryParams参数可以提交到后台通过FormCollection获取 也可以Request["ProductName"]=?获取
}
function closeSearchWindow() {
    searchWin.window('close');
}

Action里调用的Bll里的方法，有一点儿需要注意的就是：使用的递归方法，循环插入节点，返回节点列表

BLL层代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using TeachAid.SpecialCloudEduPlatform.Entity;

namespace TeachAid.SpecialCloudEduPlatform.BLL
{
    public class BLLBasicMainTreeView
    {
        private List<BasicMainTreeView> models = new List<BasicMainTreeView>();
        public List<BasicMainTreeView> GetTreeView()
        {
            DAL.DALBasicMainTreeView dalView = new DAL.DALBasicMainTreeView();
            models = dalView.GetTreeView();
            List<BasicMainTreeView> modp = new List<BasicMainTreeView>();
            BasicMainTreeView modelParent = new BasicMainTreeView();
            modelParent.id = -1;
            modelParent.text = "权限设置";
            GetTree(0, modelParent);
            modp.Add(modelParent);
            return modp;
        }
        private void GetTree(int parentID, BasicMainTreeView moParent)
        {
            List<BasicMainTreeView> modelInfo = models.Where(Model => Model.parentID == parentID).ToList();
            foreach (BasicMainTreeView model in modelInfo)
            {
                BasicMainTreeView mo = new BasicMainTreeView();
                mo = model;
                moParent.children.Add(mo);
                GetTree(mo.id, mo);
            }
        }

        /// <summary>
        /// 根据学校ID，查询该学校的所有权限节点
        /// </summary>
        /// <param name="schoolId">学校id</param>
        /// <returns></returns>
        public List<BasicMainTreeView> GetTreeViewBySchoolId(int schoolId)
        {
            DAL.DALBasicMainTreeView treeDAL = new DAL.DALBasicMainTreeView();
            models = treeDAL.GetTreeViewBySchoolId(schoolId);
            List<BasicMainTreeView> treeList = new List<BasicMainTreeView>();
            BasicMainTreeView treeParent = new BasicMainTreeView();
            treeParent.id = -1;
            treeParent.text = "权限设置";
            GetTree(0, treeParent);
            treeList.Add(treeParent);
            return treeList;
        }

        /// <summary>
        /// 
        /// </summary>
        /// <param name="schoolId">学校ID</param>
        /// <param name="nodeID">权限节点 例如：1,2,3,4......</param>
        public void InsertNodeID(int schoolId, string nodeID)
        {
            DAL.DALBasicMainTreeView dalView = new DAL.DALBasicMainTreeView();
            dalView.InsertNodeID(schoolId, nodeID);
        }


        /// <summary>
       /// 为学校用户分配权限节点
       /// </summary>
       /// <param name="userId">用户id</param>
       /// <param name="nodeId">节点id</param>
        public void InsertNodeForSchoolUsers(int userId, string nodeId) 
        {
            DAL.DALBasicMainTreeView dalView = new DAL.DALBasicMainTreeView();
            dalView.InsertNodeForSchoolUsers(userId, nodeId);
        }
    }
}

方法：

private void GetTree(int parentID, BasicMainTreeView moParent)
{
List<BasicMainTreeView> modelInfo = models.Where(Model => Model.parentID == parentID).ToList();
foreach (BasicMainTreeView model in modelInfo)
{
BasicMainTreeView mo = new BasicMainTreeView();
mo = model;
moParent.children.Add(mo);
GetTree(mo.id, mo);
}
}里的 models.Where(Model => Model.parentID == parentID).ToList();刚开始挺让我费解的[ps：我太笨了，，] 有大仙儿网友说：就类似于：select * from model where model.parentID=parentID   查询条件是parentID

千万别忘了。。。