使用弹窗组件：

<my-dialog class="moduleName-edit" text="窗口标题" mode="auto|right|left|full" click="close" btn="取消">
    <div class="info" slot="info">
    </div>
    <input slot="btn" class="btn btn-big btn-primary" value="确定" onclick="editor.save()" />
</my-dialog>

注意：使用弹窗需要使用 js 初始化弹窗组件：

parent.useDialog(self);
// 调用示例：
var win = document.querySelector("my-dialog.moduleName-edit");
win.open(); // 打开弹窗
// win.close(); // 关闭弹窗

my-dialog 参数：
mode: 弹窗位置，默认值为 auto，表示自动居中。
click: click 为 close 时，点击阴影区会关闭窗口。
btn: 设置返回按钮的文本内容。

使用表格绑定（支持分页）：

<table>
    <thead>
        <tr>
            <th width="60">ID</th>
            <th class="tl">标题</th>
            <th width="100">操作</th>
        </tr>
    </thead>
    <tbody class="tc">
        <tr>
            <td data-html="id">1</td>
            <td data-html="title" class="tl">这是标题</td>
            <td><input type="button" class="btn btn-primary" value="编辑" data-click="onedit" /></td>
        </tr>
    </tbody>
</table>

JS 将对模板中的 data-? 进行处理。目前支持的 data-? 有：

data-html; data-value; data-href; data-src; data-class; data-style; data-checked

这些绑定都支持js模板字符串，例如：data-href="`detail.html#${actid}`"
同时，支持简单的逻辑判断：data-if，data-else。
data-click="onedit" 表示当点击时，将会触发网格 grid 的 onedit 事件，示例见 js 部分。

JS 部分：

var grid = parent.loadGrid.call(self, "table.grid1", "ApiModule/ApiFunction", 15); // 默认每页加载 15条
// grid.form.id = 1; // 设置 Ajax 表单参数
grid.onload = function(res) {}; // 如果需要在加载数据之后对数据进行处理
grid.load(); // 立即|重新 加载数据
grid.onedit = function(data) {}; // onedit 事件定义

后端返回数据格式：
后端返回格式为： { rows, pager }。注意，需要分页时才返回 pager 参数，此参数调用分页方法后，使用 db()->pager 即可。