jqery easyui 利用treeview实现菜单的增删改查

本文介绍如何利用jQuery EasyUI的TreeView组件进行菜单的增删改查操作,重点在于后台的查询展示和保存方法,特别是使用递归处理数据。
摘要由CSDN通过智能技术生成

****cshtml代码****


@{
    ViewBag.Title = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Basic TreeGrid - jQuery EasyUI Demo</title>
    @*<link rel="stylesheet" type="text/css" href="~/Content/js/Menu/easyui.css">
        <link rel="stylesheet" type="text/css" href="~/Content/js/Menu/icon.css">
        <link rel="stylesheet" type="text/css" href="~/Content/js/Menu/demo.css">
        <script type="text/javascript" src="~/Content/js/Menu/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="~/Content/js/Menu/jquery.easyui.min.js"></script>*@
</head>

<body>

    <table id="tg"></table>

</body>
</html>



<script type="text/javascript">


    $(function () {
    


        //function onEndEdit(index, row) {
    
        //    debugger;
        //    var ed = $(this).datagrid('getEditor', {
    
        //        index: index,
        //        field: 'IsEnable'
        //    });
        //    debugger;
        //    row.IsEnable = $(ed.target).checkbox('getChecked');
        //    row.IsOpen = true;

        //    //row.productname = $(ed.target).combobox('getText');
        //};

        $('#tg').treegrid({
            url: '/Menu/GetNavgitionData',
            idField: 'BaseId',
            treeField: 'Name',
            iconCls: 'icon-ok',
            state: 'closed',
            rownumbers: true, //行号
            animate: true,   //点击节点的动画效果
            collapsible: true,//定义是否可折叠按钮
            fitColumns: true,    //    置为true将自动使列适应表格宽度以防止出现水平滚动。
            showFooter: true,//定义是否显示行底(如果是做统计表格,这里可以显示总计等)。
            striped: false,//设置为true将交替显示行背景。
            onDblClickRow: function (row) {
     edit() },//双击节点是触发
            //onClickRow: function (row) { save() },//点击节点时触发
            columns: [[

                { field: 'Name', title: '模块名称', editor: 'text', width: 180 },
                { field: 'Domain', title: '导航领域', editor: 'text', width: 150 },
                { field: 'Path', title: '跳转路径', 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值