数据筛选 & 下拉框绑定的影响

数据筛选 & 下拉框绑定的影响

开发工具与关键技术：Visual Studio 前端

作者：盘子

撰写时间：2019年 08 月01日

在做项目的过程中，大小错误总会存在，下面来总结我在做项目中遇到的两个小问题。第一个问题：数据筛选 ；第二个问题：下拉框数据绑定影响表格数据的出现

• 数据筛选：

出现的问题点：做这一模块的功能是两个不同表格之间的点击事件，对数据进行筛选。点击第一个表格据所要查询的数据在第二个表格出现，表的格式如下面的效果图所示，也就是说在左边的表格点击要查找一个人的数据，这个人的数据就会被筛选并且在右边的表格里显示。但做这个模块是无法进行数据筛选到第二个表格，即在第一个表格无论选择哪个人的数据，第二个表格的数据都是没有发生变化的。

下面展示的是代码截图以及效果截图：

1. 控制器部分的代码截图：见截图如下：

查找错误过程中，没有Bug出现，断点页面跳转无误。最后在控制器那边要查询的数据中添加了一句代码，表所用到的ID，如图中红色框标记处。下面是另一部分的代码截图：

1. 视图部分的代码截图：见截图如下：

问题出现的原因除了上面第一小点所说的代码有缺失外，还有第二点就是所用的id没有对应。如图中，第一个红色框标记的为更改错误之前没有添加上的代码，蓝色框标记的为更改前所用id代码。

1. 最后是效果截图，见截图如下：

问题解决，可进行个别数据筛选查询。

• 下拉框数据绑定影响表格数据显示：

我这里所说的下拉框数据绑定影响表格的数据显示，是指所渲染的表格数据可以全部出现，但无法根据绑定的下拉框数据对表格数据进行单条数据（指定的数据）筛选查询。

渲染的表格数据是可以全部显示出来的（如最后的效果图图1所示），但根据绑定的下拉框数据条件进行查询，则显示无数据，如最后的效果图图2所示。对问题点进行查找，先来看看代码截图，见截图如下：

1、代码截图：问题代码点

这是在视图那边的代码截图，这次问题的出现就在于上面代码截图中蓝色框标记的两句代码。一开始，我是用一个卡号绑定来查询门诊流水号的，后来以为某些原因，就把它们分开绑定各自的数据。忘记把原本的查询条件给注释掉。所以当根据下拉框绑定数据进行条件筛选查询时，出现数据接口请求异常，出现Bug提示（效果截图图2下方的红色字段）

最后是找出错误点，一个下拉框已进行数据绑定，在另一个下拉框再次对它进行绑定，表格数据受到影响，无法根据条件进行查询（根据下拉框数据进行查询显示数据异常）。上面的代码截图，把第二个蓝色框标记那句代码注释掉，刷新页面，可根据下拉框绑定数据进行条件筛选。选择条件，筛选查询出想要的数据（如下效果截图图3）

2、实现的效果截图，见截图如下：