若依框架-------弹层表格

秒速五厘米 2023-09-24 00:00 122阅读 0赞

![63d3417cc1fd41ee9547266217d7fb45.png][]

![33cdb2a4558949a3ba09291d3a47fba2.png][]

# 一、介绍 #

这个弹层并不是在一个页面的，他是由两个页面组合完成的，所以说是父子页面。

比如我现在要修改一个博客的分类，那么我不仅需要 `博客的修改页面`，还需要 `分类的列表页面`，望读者能够分清关系。

![2f9400899fb14f24be3ac8736fe32081.png][]

![82819ea58f55477e8dde2c63c41feee4.png][]

上面两个红框就是马上需要用到的两个页面。

# 二、实现 #

## 1、edit.html ##

将下面的两个方法添加到 edit.html 中的 js 代码块中

## 2、查询的后端代码 ##

![1023e57978c546f1b08cbea1884e0f5c.png][]

**注意，这里返回的是页面！ 注意，这里返回的是页面！ 注意，这里返回的是页面！**

## 3、category.html ##

将下面的代码添加到JS代码块中

function getSelections() {
        return $("#" + table.options.id).bootstrapTable('getSelections');
    }

这样就能 选择数据回显到父弹框中了

[63d3417cc1fd41ee9547266217d7fb45.png]: https://img-blog.csdnimg.cn/63d3417cc1fd41ee9547266217d7fb45.png
[33cdb2a4558949a3ba09291d3a47fba2.png]: https://img-blog.csdnimg.cn/33cdb2a4558949a3ba09291d3a47fba2.png
[2f9400899fb14f24be3ac8736fe32081.png]: https://img-blog.csdnimg.cn/2f9400899fb14f24be3ac8736fe32081.png
[82819ea58f55477e8dde2c63c41feee4.png]: https://img-blog.csdnimg.cn/82819ea58f55477e8dde2c63c41feee4.png
[1023e57978c546f1b08cbea1884e0f5c.png]: https://img-blog.csdnimg.cn/1023e57978c546f1b08cbea1884e0f5c.png