0
点赞
收藏
分享

微信扫一扫

layui - - - 修改更新图书页面、回显图书 ID、回显图书分类等(图书管理系统)

1.修改更新图书页面

修改图书信息时,“创建时间”不设置默认值。

image.png

“图书封面”去掉图片的 class 样式,使图片显示。

image.png

“图片上传”后不需要移除 class 样式,直接设置图片地址。

image.png

修改“更新图书”按钮和“表单提交”对应的lay-filter="edit"的属性值 edit。

image.png

2.更新图书页面回显原来的数据

在“组件”中,选择“弹出层”,然后选择“基础属性”,找到 success回调函数。

image.png

在打开弹层成功后的回调函数中,回显原来的数据。

image.png

在回调函数中,获取 iframe 页面中的元素。

image.png

给“图书名称”设置个 id ,通过 id 找到图书名称输入框。

image.png

然后在回调函数中通过 id 给图书名称输入框赋值。

image.png

其他输入框以相同的方式都进行赋值。

image.png

3.回显图书的 ID 、服务器地址、网络地址

点击更新图书按钮时,调用后端 api 参数需要图书 ID,可以添加一个隐藏域来存储图书 ID。

image.png

回显图书 ID。

image.png

回写图书的服务器地址和网络地址。

image.png

image.png

4.回显图书分类

通过打开更新图书页面地址时,在后面 url 中添加参数。

image.png

在更新图书页面中获取 url 地址中参数,保存为 JSON 对象赋值给 obj 参数。

image.png

在获取图书分类信息时,拼接所有的下拉项,当 obj 参数的图书 ID 和 下拉项的图书 ID 相同时,就设置 selected选中该下拉项。

image.png

举报

相关推荐

0 条评论