我的项目简介
负责写一个广告投放后盾治理平台的一个页面。可实现删除、编辑增加等性能,因为原来的管理系统由JSP
开发不便更改,所以最初将新写的页面间接嵌入进原来的管理系统,相当于是齐全独立出的一个页面。
次要技术
利用layUI
框架开发、JSON
传送数据、Ajax
响应接口。
问题形容
一、表头和表单元素无奈对齐
。
二、
通过 storage
取得的数据无奈用innerHTMl
渲染进input
框,如代码所示。
document.getElementById("ad_title").innerHTML= data.title;
三、利用option val()
无奈取得下拉列表的被选择项。
四、无奈获取表格中复选框checkbox
被选中项的数据。
五、点击增加按钮,进入弹层界面,页面呈现长长地滚动条(不是由内容引起)。
六、利用Ajax
申请接口传送数据。
问题剖析
一、表头和表单元素无奈对齐
。
因为代码中呈现了一个不该呈现的“,”。
改过来即可,以下为正确显示后果。
二、通过 storage
取得的数据无奈用innerHTMl
渲染进input
框,如代码所示。
document.getElementById("ad_title").innerHTML= data.title;
input
是单标签,所以用innerHTML
无奈渲染,必须要用value
才能够扭转,最初批改如下。
document.getElementById("ad_title").value= data.title;
三、利用option val()
无奈取得下拉列表的被选择项。
复选框的被选择项应该通过text
取得。
var statusArray=["启动","禁止"]; var statusString=$("#ad_action option:selected").text();//状态 console.log(statusString);
四、checkStatus('adInfo')
中开始写的是lay-filter
的值,所以无奈获取数据,应该应用办法渲染表格定义的id
。
var checkStatus = table.checkStatus('adInfo'),data = checkStatus.data,AD_id = "";
五、这里的编辑界面通过跳转另一个HTML
页面实现,运行发现下方总是呈现呈现长长的滚动条,而外面蕴含的内容并没有越界,也没有定义其余的款式。
起初通过查看调试工具发现,并不是由layUI
自带属性造成的,而是我的项目开始一个CSS
文件中定义了一个width
,导致每次盒子的width
都超出了范畴。
六、发送数据post
申请数据get
七、工夫组件简略应用
参考文档
layUI官网文档
layui框架列表监听checkbox选中数据的值
layui加载表格,绑定新增,编辑删除,查看按钮事件
本地存储(Local Storage)