获取单条数据的详情

于 2021-06-16 19:19:44 发布
阅读量210 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44540099/article/details/117965094
版权

数据表格的用途是给用户展示该项目相关的基础信息。

如果需要向用户展示某条数据的详情。比如：餐饮系统的账单的详情对应多条菜品的信息。

首先，在账单表下添加双击事件

MouseDoubleClick:双击事件

DoubleClickItemCommand:事件名称(用于跟后台相关联)

通过双击事件获取到点击的数据行

在这里插入图片描述

因为账单的详情是通过账单的id进行查询的 所以在表格查询的时候需要加上

而且账单id不需要在页面显示所以将查询到的账单id隐藏 ： Visibility=“Collapsed”

图下是后台的查询代码

在这里插入图片描述

ClickReceiptsDishes:表格数据的双击事件

SelectReceipts:页面账单数据表格的实体

双击后获取到点击行的数据，然后根据账单实体的单号进行查询。

最后将查询到的数据回填到页面的数据表格

在这里插入图片描述

效果如图所示.

第一个表格是通过页面加载事件 查询得到的

第二个表格是通过双击第一个表格的行获取到的数据信息再查询得到的。

在这里插入图片描述

不作为-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue框架 点击某行记录显示其详细信息
qq_43542074的博客
09-04 3496
要求的效果： 点击某行记录（cell组件）后，显示这条记录的详细信息。 <!-- 通知部分 --> <van-panel title="通知公告" class="marginTop8"> <div slot="header" class="van-cell van-panel__header "> <div class="van-cel...
SAP ABAP 学习总结（12）：Database table Select（数据库表查询）
weixin_42959207的博客
05-24 1330
命名规则 命名规则： *全局变量：gv_demo *全局结构体：gs_demo *全局内表：gt_demo *全局常量：gc_demo *局部变量：lv_demo *局部结构体：ls_demo *局部内表：lt_demo *局部变量：lc_demo SELECT 从数据库表中查询数据（单行） *实例化一个数据库表 DATA:gs_demo TYPE zcurry_table_2.“一般不推...
javascript 从一组数据中找到指定的单条数据的方法 by FungLeo
FungLeo's Blog
06-01 5835
从一组数据中找到指定的单条数据的方法在一般情况下,我们会要求后端在列表的时候输出一堆列表的JSON数据给我们,然后我们把这堆数据循环,就能在前端上显示列表了.而我们在内容页的时候,则要求输出一个内容页的JSON数据给我们,我们就可以做内容页了.但是,有时候,数据并不是特别复杂,我们可能需要从列表的数据中指定其中的单条数据.怎么做呢?标准答案,find方法var json = [{"id":1,"na
Mysql 随机获取单条或多条数据
wjw806[旺旺]的专栏
09-30 97
SELECT * FROM table_name as t1 WHERE t1.id>=(RAND()*(SELECT MAX(id) FROM table_name))LIMIT 1;
html 循环数据单个获取
Sicily_winner的博客
04-19 2571
使用场景：点击获取当前列表某行的Id,跳转详情html &lt;tr class="worksheetInfo" th:each="worksheetOne,worksheetOneStat:${worksheetDto}" id="worksheetInfo"&gt; &lt;td class="table_td1" th:text="${worksheetOn
小程序云开发单次获取大于100条数据
01-08
小程序云开发的数据调用是有限制的，小程序端每次最多只能调用20条，调用云函数也只能获取100条，在很多情况下就不方便。 解决这个问题的话首先说原理： 1、获取总数，获取所想要调用数据的总数，count。 2、分段...
vue如何从接口请求数据
08-30
在上面的代码中，我们使用了created钩子函数来调用getImg方法，该方法将发送GET请求到指定的接口以获取数据。 methods 在Vue.js中，我们可以使用methods来定义一些可以被调用的函数。在上面的代码中，我们定义了...
Vue.js使用axios动态获取response里的data数据操作
10-14
主要介绍了Vue.js使用axios动态获取response里的data数据操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
通过.net获取页面数据保存到数据库中
06-14
另外，对于数据库操作，批量插入比单条插入更高效。 6. **安全性**：确保URL来自安全的来源，防止SQL注入攻击，对用户输入的数据进行验证和清理。使用预编译的SQL语句或参数化查询可以有效防止此类攻击。 7. **...
VB 获取外部程序ListView控件数据
06-23
- 对于有滚动条的ListView，可能需要多次发送消息以获取所有数据。 - 这种方法依赖于目标程序的稳定性，如果目标程序改变了控件的结构或API的使用方式，可能需要更新代码。 总的来说，通过VB获取外部程序ListView...
获取第一条数据
weixin_30600197的博客
03-27 694
SELECT YLS.T_MFMINFO.G_BATCHYIELD FROM YLS.T_MFMINFO where YLS.T_MFMINFO.G_LFID = 'FZZB00002017121813213500000000' and YLS.T_MFMINFO.G_PDCFACID = 'JCT000320160324121800000170' Order By YLS.T_MFMI...
mysql 获取一条数据_MySQL数据库中随机获取一条或多条记录
weixin_36478445的博客
01-18 9674
在开发过程中遇到了一个问题，使用MySQL数据库，用SQL语句在表中随机获取一条或多条数据，看似简单，但是往深层研究的话还是很有深度的，查了好多资料，接下来给大家分享一下：1. 随机获取单条数据SELECT * FROM table_name ORDER BY RAND() LIMIT 1；MySQL中的RAND()函数调用可以在0和1之间产生一个随机数。这条SQL语句可以随机取出一条数据，而且将...
获取id查看详情信息
weixin_44540309的博客
05-31 3203
我今天要讲的是最近学习上解决掉的一个小问题，就是在一个表格中获取一条信息的详细信息。这个功能这要是样的一个原理。通过获取表格中单选框的id然后传递到另外一个页面，另外的页面根据这个ID进行数据的查询。 转入正题。我使用的开发工具是Visual Studio 2015 首先就打开Visual Studio 2015 接着就是搭建HTML页面。这个简单就需要一个table标签就可以了。 然后就是ta...
javascript从一组数据中找到指定的单条数据的方法
剑雪封喉
06-01 1041
从一组数据中找到指定的单条数据的方法 在一般情况下,我们会要求后端在列表的时候输出一堆列表的JSON数据给我们,然后我们把这堆数据循环,就能在前端上显示列表了. 而我们在内容页的时候,则要求输出一个内容页的JSON数据给我们,我们就可以做内容页了. 但是,有时候,数据并不是特别复杂,我们可能需要从列表的数据中指定其中的单条数据.怎么做呢? 标准答案,find方法 var
vant 框架van-tabs点击时获取对应数据的id
sky_sunshine_x的博客
04-24 6367
<van-tabs @click="see"> <van-tab v-for="it in articleList" :title="it.sortname" :name="it.id" :key="it.sortname"> </van-tab> </van-tabs> ...
SQL查询多条只取其中最新的一条数据
热门推荐
jovi_zhao的博客
08-29 10万+
首先  查询表fp_studentItem中的studentid=1；有5条数据，我只想要id=163的最新数据 两种方法： 1、SELECT * FROM fp_studentItem where id=( SELECT MAX(id) FROM fp_studentItem where studentid=1)  子查询查询最大的id（不怎么推荐） 2、SELECT * FROM ...
spring对接InfluxDB（二）--数据获取之单条查询
坤哥的博客
07-28 4008
这里简单介绍下从代码中获取InfluxDB中数据的方法。官网示例：curl -G 'http://localhost:8086/query?pretty=true' --data-urlencode "db=mydb" --data-urlencode "q=SELECT \"value\" FROM \"cpu_load_short\" WHERE \"region\"='us-west'" pr
集合中使用stream获取单条数据
最新发布
05-25
如果你想从一个集合中获取单个数据，可以使用stream的`findFirst()`方法。这个方法会返回集合中的第一个元素。下面是一个例子： ``` List<String> names = Arrays.asList("Alice", "Bob", "Charlie", "David"); Optional<String> first = names.stream().findFirst(); if (first.isPresent()) { System.out.println("First name: " + first.get()); } else { System.out.println("No names found"); } ``` 这个例子中，我们有一个包含四个字符串的集合。我们使用`stream()`方法将集合转换成一个流，然后调用`findFirst()`方法来获取第一个元素。由于`findFirst()`方法返回一个`Optional`对象，我们需要使用`isPresent()`方法检查是否有返回值，然后使用`get()`方法获取实际的值。 如果集合是空的，`findFirst()`方法将返回一个空的`Optional`对象。在这种情况下，我们可以使用`orElse()`方法提供一个默认值。例如： ``` List<String> names = new ArrayList<>(); String first = names.stream().findFirst().orElse("No names found"); System.out.println("First name: " + first); ``` 这个例子中，由于集合是空的，`findFirst()`方法将返回一个空的`Optional`对象。我们使用`orElse()`方法来提供一个默认值，即“No names found”。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值