常用简单功能点(2)

 

 

 

开发工具与关键技术：VS + C#

 

撰写时间：2019.07.17

 

一、Tab选项卡的切换与监听

选项卡是我们经常遇到的布局，选项卡依赖 element 模块，否则无法进行功能性操作。你可以对父层容器设置属性 lay-allowClose="true" 来允许Tab选项卡被删除，通过追加class：来设定选项卡风格。然后可以添加监听事件，如下监听选项卡切换弹出提示框。

二、layui下拉框数据绑定（值为名称）

在我们使用layui下拉框数据绑定的时候，让form模块预留“请选择”的提示空间，否则将会把第一项（存在value值）作为默认选中项。你可以在option的空值项中自定义文本。你可以通过设定 selected 来设定默认选中项，通过 optgroup 标签给select分组，以及通过设定属性 lay-search 来开启搜索匹配功能。然而在使用匹配搜索功能的时候，发现经常不能够正常使用，虽然不知道原因何在，但是我们可以通过js来设置开启到搜索功能，对form进行手动渲染，使form模块能正常工作。代码如下：

三、动态修改bit类型数据的值（true或false）

根据需求动态改变数据的状态，如下分别是控制器及视图的代码，大概流程给按钮添加点击事件，然后根据查询出来的数据进行状态修改。话不多说，直接上码。