一、介绍
这个弹层并不是在一个页面的，他是由两个页面组合完成的，所以说是父子页面。
比如我现在要修改一个博客的分类，那么我不仅需要 博客的修改页面，还需要 分类的列表页面，望读者能够分清关系。
上面两个红框就是马上需要用到的两个页面。
二、实现
1、edit.html
将下面的两个方法添加到 edit.html 中的 js 代码块中
function selectCategory() { var options = { title: '选择类别', url: ctx + "blog/category", // 注意，这个请求是去请求一个页面返回的，并不是JSON数据返回 callBack: doSubmit } $.modal.openOptions(options); } function doSubmit(index, layero){ // 这里取到的是多行的 var rows = layero.find("iframe")[0].contentWindow.getSelections(); if (rows.length > 0){ // #categoryId 就是修改页面的分类ID // 这个 rows[0].id 就是查询分类列表得到的分类主键ID // categoryId id 也就是数据库中对应的名称 $('#categoryId').val(rows[0].id); } $.modal.close(index); }
2、查询的后端代码
注意，这里返回的是页面！ 注意，这里返回的是页面！ 注意，这里返回的是页面！
3、category.html
将下面的代码添加到JS代码块中
function getSelections() { return $("#" + table.options.id).bootstrapTable('getSelections'); }
这样就能 选择数据回显到父弹框中了
