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

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

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

作者:盘

撰写时间:2019年 08 月01日

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

  • 数据筛选:

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

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

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

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

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

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

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

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

  1. 最后是效果截图,见截图如下:

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

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

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

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

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

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

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

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

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

2、实现的效果截图,见截图如下:

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