LayUi前端框架用法讲解--Table数据表格的新增和列表查询功能

最后一篇LayUi前端框架的介绍视频，介绍Table数据表格的新增和列表查询功能
效果图：


先放一下全部的代码，然后在解析一下新增和列表查询：

  


	

		

			

				服务编号:
				

					
				
				订单号:
				

					
				
				投诉类型:
				

					
						---请选择---
						医院
						科室
						医生
					
				
				投诉状态:
				

					
						---请选择---
						未处理
						已处理
					
				
										
				
					
				
			
		
		
	






          
 
 

先介绍一下新增操作，和查看，编辑，删除操作所不同的是，新增操作使用的是toolbar操作，也是Switch语句判断一下lay-event，然后在写新增操作，通过Url跳转新增页面。
页面查询功能，也就是条件查询，查询条件和Table要放在blockquote标签内。每一个条件的输入框Input中要设置一个id。然后在form.on(‘submit(provinceSearch)’, function(data)方法中取值，然后通过后台接口多条件查询列表。
table.reload方法重新渲染Table列表，实现多条件查询列表的功能。