<网页 语言代码="中文">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假" />
        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />
        <网页标题>Document</网页标题>
    </网页头部>
    <网页主体>
        <表格 类名="lay-表格">
            <表格头组>
                <表格行>
                    <表格头>ID</表格头>
                    <表格头>菜单ID</表格头>
                    <表格头>菜单名称</表格头>
                    <表格头>菜单图标</表格头>
                    <表格头>链接地址</表格头>
                    <表格头>子菜单数量</表格头>
                    <表格头>操作</表格头>
                </表格行>
            </表格头组>
            <表格内容组 id="父级表格内容组">
                <表格行 类名="父级菜单-1 父级隐藏">
                    <表格内容 类名="fc1-1">1</表格内容>
                    <表格内容 类名="fc1-2">f01</表格内容>
                    <表格内容 类名="fc-3 三角标识-1" 点击回调="打开子菜单(1)">
                        <区块 类名="三角形效果"></区块>
                        系统管理
                    </表格内容>
                    <表格内容 类名="fc1-4"><行内元素 类名="lay-图标 lay-图标设置"></行内元素></表格内容>
                    <表格内容 类名="fc1-5">空</表格内容>
                    <表格内容 类名="fc1-6">3</表格内容>
                    <表格内容>
                        <按钮 类名="lay-按钮 lay-按钮-迷你 lay-按钮-暖色" 点击回调="父菜单编辑(1)">编辑</按钮>
                        <按钮 类名="lay-按钮 lay-按钮-迷你 lay-按钮-暖色" 点击回调="父菜单删除(1)">删除</按钮>
                    </表格内容>
                </表格行>
            </表格内容组>
            <表格内容组 id="子级表格内容组">
                <表格行 类名="子级菜单-1 子级隐藏" 行内样式="显示模式: 无效">
                    <表格内容 类名="zc1-1">11</表格内容>
                    <表格内容 类名="zc1-2">z01-1</表格内容>
                    <表格内容 类名="zc1-2">&ensp;&ensp;&ensp;&ensp;用户管理</表格内容>
                    <表格内容 类名="zc1-3">空</表格内容>
                    <表格内容 类名="zc1-4">/XXX.html</表格内容>
                    <表格内容 类名="zc1-5">0</表格内容>
                    <表格内容>
                        <按钮 类名="lay-按钮 lay-按钮-迷你 lay-按钮-暖色" 点击回调="子菜单编辑(1)">编辑</按钮>
                        <按钮 类名="lay-按钮 lay-按钮-迷你 lay-按钮-暖色" 点击回调="子菜单删除(1)">删除</按钮>
                    </表格内容>
                </表格行>
            </表格内容组>
        </表格>
        <脚本>
            //这里执行相关的JS代码
            局部变量 显示隐藏 = 真;
            定义函数 打开子菜单(参数) {
                如果 (显示隐藏 == 真) {
                    $(".子级菜单-" + 参数).显示标签();
                    局部变量 返回的三角形 = $(".三角标识-" + 参数).设置或返回元素();
                    返回的三角形 = 返回的三角形.替换(`<区块 类名="三角形效果"></区块>`, `<区块 类名="三角形向下效果"></区块>`);
                    $(".三角标识-" + 参数).设置或返回元素(返回的三角形);
                    显示隐藏 = 假;
                } 否则 {
                    $(".子级菜单-" + 参数).隐藏元素();
                    局部变量 返回的三角形 = $(".三角标识-" + 参数).设置或返回元素();
                    返回的三角形 = 返回的三角形.替换(`<区块 类名="三角形向下效果"></区块>`, `<区块 类名="三角形效果"></区块>`);
                    $(".三角标识-" + 参数).设置或返回元素(返回的三角形);
                    显示隐藏 = 真;
                }
            }
            定义函数 父菜单编辑(参数) {
                调试输出("父菜单编辑" + 参数);
            }
            定义函数 父菜单删除(参数) {
                调试输出("父菜单删除" + 参数);
            }
            定义函数 子菜单编辑(参数) {
                调试输出("子菜单编辑" + 参数);
            }
            定义函数 子菜单删除(参数) {
                调试输出("子菜单删除" + 参数);
            }
            局部变量 返回的数据 = 网页访问_同步("/getmenuList", 假, "");
            调试输出(返回的数据);
             $(".表格内容组").向后添加内容($("#隐藏内容")[0]["outerHTML"]);
             $(".表格内容组").向后添加内容($("#隐藏内容")[0]["outerHTML"]);
        </脚本>
        <样式>
            .三角形向下效果 {
                显示模式: 内联块元素;
                宽度: 0px;
                高度: 0px;
                边框-底部: 6px 实线 透明;
                边框-顶部: 6px 实线 #757575;
                边框-左侧: 6px 实线 透明;
                边框-右侧: 6px 实线 透明;
                定位: 相对定位;
                垂直-对齐: 中部对齐;
            }
            .三角形效果 {
                显示模式: 内联块元素;
                宽度: 0px;
                高度: 0px;
                边框-底部: 6px 实线 透明;
                边框-顶部: 6px 实线 透明;
                边框-左侧: 6px 实线 #757575;
                边框-右侧: 6px 实线 透明;
                定位: 相对定位;
                垂直-对齐: 基线对齐;
            }
        </样式>
    </网页主体>
</网页>