layui field
时间: 2023-11-13 13:05:55 浏览: 51
Layui是一款轻量级的前端UI框架,其中的form模块提供了field组件,用于快速生成表单元素。在使用field组件时,可以通过设置name属性来给表单元素赋值,例如:data.field.name = 1;。同时,可以通过layedit.getContent()方法获取富文本编辑器中的内容,并将其赋值给相应的表单元素,例如:data.field.index_desc = layedit.getContent(index_desc);。在提交表单时,可以使用$.ajax()方法将表单数据传递给后台进行处理,例如:
```javascript
$.ajax({
url: "assess_index/doAdd",
method: 'post',
data: data.field,
dataType: 'JSON',
success: function(data) {
parent.layer.msg(data.msg);
if (data.result == "success") {
parent.loadCurrPageList();
closeIframe();
}
}
});
```
在field组件中,如果需要获取表格中某一列的值,可以通过设置field属性来实现,例如:{field: 'type.typeName', title: '类型', width:80}。但是需要注意的是,如果该列的值是通过后台动态生成的,需要在后台将该列的值赋值给对应的字段,才能在前端获取到该值。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)