复选按钮作为多条件筛选

文献种类：专题技术文献
开发工具与关键技术：VS
作者：蛋蛋；
撰写时间：2019/06/15

1.什么是复选框？CheckBox 控件用于显示复选框，
复选框允许用户在一定数目的选择中选取一个或多个选项。
2. 首先如果出现多个（两个或两个以上）复选框作为多条件筛选，那么需要如何处理呢？
label class=“col-form-label mr-2” for=“StateID” style=“padding:5px;margin:5px;”>状态:
input type=“checkbox” id=“StateID” name=“StateType” value=“回收”>回收
input type=“checkbox” id=“StateID” name=“StateType” value=“升级”>升级
input type=“checkbox” id=“StateID” name=“StateType” value=“有效”>有效
input type=“checkbox” id=“StateID” name=“StateType” value=“作废”>作废
这里是状态分为不同的筛选作为条件；
在这里插入图片描述
效果图如上；虽然ID是相同的没有保证ID不唯一；但是在最外面命名了id=“checkfrom”；复选框作为多条件筛选条件与往常不同；一般是根据input标签里面的关键字进行筛选或者是下拉框选择数据进行筛选再比如根据时间段筛选；而复选框因为我给的ID值与name名是一致的但是在最外边给了一个ID;
那么如何用复选框作为条件筛选呢？
首先需要申明一个全局变量（自命名） var AA;
①　同样获取查询条件 var StateType = AA;//状态
②　判断数据不为空
var check_StateTypevalue = $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲checkfrom input\dots$ (“#ID” input标签当中的所有name为复选框)
③　再判断if(check_StateTypevalue==undefined ){ check_StateTypevalue = “”;}
④　方法以及渲染的重载；注意：这里的键值对 StateType: check_StateTypevalue,左边是形参与控制器保持一致右边是实参接下来是在控制器中的代码是与常规写Lambda表达式一样的；
状态为string类型所以
if (!string.IsNullOrEmpty(StateType)) {listVIPRename = listVIPRename.Where(m => m.StateType == StateType).ToList(); }
运算符=>，左边是参数(如果有)，右边是表达式或者语句！
在这里插入图片描述
我们勾选到“升级”然后点击搜索按钮在其中我们先到控制器断点查看是否获取到

图片显示状态是可以获取的；接下来我们看最终结果先是表格所有数据

这样复选框作为条件筛选就可以实现了！

复选按钮作为多条件筛选

复选按钮作为多条件筛选

猜你喜欢