FOF动态渲染添加元素

admin

<!文档类型 网页类型>
<网页 语言代码="中文">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假" />
        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />
        <网页标题>Document</网页标题>
    </网页头部>
    <网页主体>
        <表格 类名="lay-表格" lay-尺寸="小尺寸" lay-隔行="">
            <表格格式列组>
                <表格格式列组值 宽度="20" />
                <表格格式列组值 宽度="100" />
                <表格格式列组值 宽度="100" />
                <表格格式列组值 宽度="100" />
            </表格格式列组>

            <表格头组>
                <表格行>
                    <表格头>id</表格头>
                    <表格头>姓名</表格头>
                    <表格头>年龄</表格头>
                    <表格头>口头禅</表格头>
                    <表格头>操控区域</表格头>
                </表格行>
            </表格头组>

            <表格内容组 id="表格内容组">
                <表格行 类名="隐藏的表格行内容">
                    <表格内容 类名="b{{b1}}-1">{{text1}}</表格内容>
                    <表格内容 类名="b{{b1}}-2">{{text2}}</表格内容>
                    <表格内容 类名="b{{b1}}-3">{{text3}}</表格内容>
                    <表格内容 类名="b{{b1}}-4">{{text4}}</表格内容>
                    <表格内容><按钮 类名="lay-按钮 lay-按钮-迷你 lay-按钮-暖色" 点击回调="弹出页面弹出层({{b1}})">修改内容</按钮></表格内容>
                </表格行>
            </表格内容组>
        </表格>
        <脚本>
            局部变量 后端数据 = 网页访问_同步("/getTableList", 假, "");
            循环 (局部变量 索引 = 0; 索引 < 后端数据.长度; 索引++) {
                局部变量 原始内容 = $(".隐藏的表格行内容")[0]["outerHTML"];
                原始内容 = 原始内容.替换所有("{{b1}}", 索引);
                原始内容 = 原始内容.替换所有("{{text1}}", 索引);
                原始内容 = 原始内容.替换所有("{{text2}}", 后端数据[索引]["名称"]);
                原始内容 = 原始内容.替换所有("{{text3}}", 后端数据[索引]["年龄"]);
                原始内容 = 原始内容.替换所有("{{text4}}", 后端数据[索引]["口头禅"]);
                原始内容 = 原始内容.替换所有("隐藏的表格行内容", "");
                $("#表格内容组").元素内向后添加内容(原始内容);
            }

            定义函数 弹出对话框() {
                lay_弹出层.创建({ [lay_弹出层.配置.内容]: "你好对话框", [lay_弹出层.配置.图标]: lay_弹出层.图标.成功 });
            }

            定义函数 修改信息框() {
                局部变量 返回的对话框 = lay_弹出层.创建({
                    [lay_弹出层.配置.标题]: "修改内容提示",
                    [lay_弹出层.配置.内容]: "是否修改",
                    [lay_弹出层.配置.按钮]: ["确认", "取消"],
                    [lay_弹出层.配置.确认]: 定义函数 () {
                        调试输出("确认");
                        lay_弹出层.关闭(返回的对话框);
                    },
                    按钮2: 定义函数 (参数) {
                        调试输出("取消");
                    }
                });
            }
            局部变量 修改表格内容弹出层;
            定义函数 弹出页面弹出层(位置) {
                调试输出($(".b" + 位置 + "-1").设置或获取内容());
                局部变量 内容组 = [$(".b" + 位置 + "-1").设置或获取内容(), $(".b" + 位置 + "-2").设置或获取内容(), $(".b" + 位置 + "-3").设置或获取内容(), $(".b" + 位置 + "-4").设置或获取内容()];
                调试输出(内容组);
                浏览器临时储存.保存数据("表格内容", JSON类.到可读JSON文本(内容组));
                修改表格内容弹出层 = lay_弹出层.创建({
                    [lay_弹出层.配置.类型]: lay_弹出层.类型.内联框架,
                    [lay_弹出层.配置.内容]: "@名称_修改管理主页.lhtml",
                    [lay_弹出层.配置.宽高]: ["700px", "400px"],
                    [lay_弹出层.配置.遮罩]: 0.7,
                    [lay_弹出层.配置.标题]: "我是标题",
                    [lay_弹出层.配置.遮罩关闭]: 真,
                    [lay_弹出层.配置.最大最小化]: 真
                });
            }

            定义函数 修改表格内容(表格数据) {
                调试输出(表格数据);
                $(".b" + 表格数据[3] + "-2").设置或获取内容(表格数据[0]);
                $(".b" + 表格数据[3] + "-3").设置或获取内容(表格数据[1]);
                $(".b" + 表格数据[3] + "-4").设置或获取内容(表格数据[2]);
                lay_弹出层.关闭(修改表格内容弹出层);
            }
        </脚本>
    </网页主体>
</网页>