Veitool 2.0.0 版调整具备的新特性

发布：2023-10-28 18:12分类：使用分享评论：4浏览：531置顶

内页的头部搜索表单域无需如下这样单独写在JS中：

```js
//表单域渲染
form.render(null,'yourFormName-search');
//日期渲染
layui.laydate.render({elem:'#yourFormName-time',range:true,format:'yyyy/MM/dd',done:function(){$('#ask-search-time').trigger('input')}});
```

v2.0.0 版可简单实现如下：

```html
<form class="layui-form render"> //在此引入样式类 render 后，框架即可对该表单域进行渲染
	// 表单项HTML代码
	<div class="layui-inline" style="width:200px;">
		// 日期渲染，增加属性 date-render 即可，更多参数设置
		// date-render = "{type:'date',range:true,format:'yyyy/MM/dd'}"
		<input type="text" name="sotime" date-render 
		placeholder="时间" class="layui-input" lay-affix="clear"/>
	</div>
</form>
```

搜索表单中的 `搜索``全部`按钮的触发，也无需在当前页中去写触发过程，实现如下：

``` html
<form class="layui-form render">
	// 搜索按钮需要有属性 lay-submit 和 lay-filter="search-数据表ID名" 【search-】为识别前缀
	<a class="layui-btn" lay-submit lay-filter="search-tableName">
		<i class="layui-icon layui-icon-search"></i> 搜索
	</a>
	// 全部按钮需要有属性 lay-submit 和 lay-filter="search-数据表ID名-all-条件项1|条件项2"
	<a class="layui-btn" lay-submit lay-filter="search-tableName-all">
		<i class="layui-icon layui-icon-light"></i> 全部
	</a>
</form>
```

视图中按钮权限控制实现：

``` html
// 在标签中增加属性 v-show 即可实现 v-show="对应的权限路径"
// v-show="@xyz/abc/add" 当首字符为@符时，表示无该项权限时
// 该按钮将以灰色显示，否则该项将被移除不可见
<a class="layui-btn" id="loginlog-clear" v-show="@system.log/del">
	<i class="layui-icon layui-icon-delete"></i> 删除
</a>
```

2.0新特性

mxisky1 楼
2023-11-18 10:46

感谢分享

0 回复 (0)
cnfox02732 楼
2023-12-06 17:41

感谢分享

0 回复 (0)
wjcms3 楼
2023-12-10 10:16

完美

0 回复 (0)
wsldgl4 楼
2024-08-27 17:27

优秀

0 回复 (0)

发布帖子

作者信息

: veitool; 等级：Lv3; 积分：12023; 真我而为 ~

Veitool 2.0.0 版调整具备的新特性

发布：2023-10-28 18:12分类：使用分享评论：4浏览：531置顶

作者信息

最近热帖