类似父子间的关系的表格绑定

本文介绍了一种基于LayUI的表格数据展示方法,通过单击获取线路信息,并动态加载对应的路段详情。具体实现了线路选择后,其相关路段信息能够自动更新显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如图下的表格,第一个表格的第一条数据,这条数据里还有对应的三条数据,而子数据要根据父数据才能查询出来,每条父数据有每条父数据对应的子数据。
其实这里的父数据就是指线路,子数据指的是路段。每条线路会有自己的路段,但是路段时可以有重复。
当我们点击线路时,对应的路段就会刷新出来。
那么表格的渲染就不展示了,要实现功能的话,首先要或取到线路的数据,单击获取到表格的单行数据,获取到对应的值后绑定线路的表格的连接
在这里插入图片描述

layuiTable.on('row(AtbCarInformation)', function (obj) {
	$("#Routeid").val(obj.data.RouteID);
	obj.tr.addClass("layui-table-click").siblings().removeClass("layui-table-click");
	if (obj.data.RouteID != "" && obj.data.RouteID != undefined) {
	//线路路段情况
		BtabLineManagement = layuiTable.reload("BtbCarInformation", { url: "/BusinessManagement/BusinessManagement/RoadPassage", where: { aasaa: obj.data.RouteID } })
	}
});

在控制器查询,还需要自己给一个参数接收连接数据(aasaa)

        public ActionResult RoadPassage(LayuiTablePage layuiTablePage, int? aasaa)
        {
            var Road = (from tbRoadPassage in myModels.B_RoadPassage
                        join tbRoute in myModels.B_Route on tbRoadPassage.RouteID equals tbRoute.RouteID
                        join tbSite in myModels.B_Site on tbRoadPassage.SiteID equals tbSite.SiteID
                        where tbRoadPassage.RouteID == aasaa
                        select new Site
                        {
                            RoadPassageID= tbRoadPassage.RoadPassageID,//路段表ID
                            Mileage = tbRoadPassage.Mileage,//路段里程
                            StopAt = tbRoadPassage.StopAt,//停靠
                            CheckPoin = tbRoadPassage.CheckPoin,//报到点
                            GetIn = tbRoadPassage.GetIn,//上车点
                            Delay = tbRoadPassage.Delay.ToString(),//延时
                            Station = tbRoadPassage.Station,//是否设置站务费
                            StationCharge = tbRoadPassage.StationCharge,//站务费
                            RouteID = tbRoute.RouteID,//线路表ID
                            RouteCod = tbRoute.RouteCod,//线路编码
                            RouteName = tbRoute.RouteName,//线路名称
                            SiteID = tbSite.SiteID,//站点表ID
                            MnemonicCode = tbSite.MnemonicCode,//助记码
                            SiteName = tbSite.SiteName,//站点名称
                        }).ToList();
            return Json(Road, JsonRequestBehavior.AllowGet);
        }

资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 “STC单片机电压测量”是一个以STC系列单片机为基础的电压检测应用案例,它涵盖了硬件电路设计、软件编程以及数据处理等核心知识点。STC单片机凭借其低功耗、高性价比和丰富的I/O接口,在电子工程领域得到了广泛应用。 STC是Specialized Technology Corporation的缩写,该公司的单片机基于8051内核,具备内部振荡器、高速运算能力、ISP(在系统编程)和IAP(在应用编程)功能,非常适合用于各种嵌入式控制系统。 在源代码方面,“浅雪”风格的代码通常简洁易懂,非常适合初学者学习。其中,“main.c”文件是程序的入口,包含了电压测量的核心逻辑;“STARTUP.A51”是启动代码,负责初始化单片机的硬件环境;“电压测量_uvopt.bak”和“电压测量_uvproj.bak”可能是Keil编译器的配置文件备份,用于设置编译选项和项目配置。 对于3S锂电池电压测量,3S锂电池由三节锂离子电池串联而成,标称电压为11.1V。测量时需要考虑电池的串联特性,通过分压电路将高电压转换为单片机可接受的范围,并实时监控,防止过充或过放,以确保电池的安全和寿命。 在电压测量电路设计中,“电压测量.lnp”文件可能包含电路布局信息,而“.hex”文件是编译后的机器码,用于烧录到单片机中。电路中通常会使用ADC(模拟数字转换器)将模拟电压信号转换为数字信号供单片机处理。 在软件编程方面,“StringData.h”文件可能包含程序中使用的字符串常量和数据结构定义。处理电压数据时,可能涉及浮点数运算,需要了解STC单片机对浮点数的支持情况,以及如何高效地存储和显示电压值。 用户界面方面,“电压测量.uvgui.kidd”可能是用户界面的配置文件,用于显示测量结果。在嵌入式系统中,用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值