无刷新实现主从表以及从表的隐藏和现实

ASP.NET GridView嵌套Repeater示例
最新推荐文章于 2025-01-06 18:15:38 发布
最新推荐文章于 2025-01-06 18:15:38 发布
阅读量98 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： ui xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/ssyang/archive/2010/06/04/1751671.html
本文介绍了一个使用ASP.NET实现的GridView中嵌套Repeater的例子，并展示了如何通过展开和折叠行来查看详细信息。该示例还包含了一个用于切换详细视图的JavaScript函数。

HTML Code：

 

ContractedBlock.gifExpandedBlockStart.gif代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tlrrList.aspx.cs" Inherits="byd.EquipmentManager.tlrrList" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" src="../Scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
var showDiv=function(img){
var td=img.parentNode;
var tr=td.parentNode;
var thead=tr.parentNode;
var tbody=thead.nextSibling;
var tbodystyle=tbody.style;
var picName=img.src;
            picName=picName.substring(picName.lastIndexOf("/")+1);

            img.src=picName.toLowerCase()=="close.gif"?"../Images/open.gif":"../Images/close.gif";            
            tbodystyle.display=tbodystyle.display=="none"?"":"none";
        }
</script>
</head>
<body>
<form id="form1" runat="server">
<table cellpadding="0" cellspacing="0" border="1" width="100%;">
<tr>
<td align="right"><a href="tlrr.aspx">New TLRR</a></td>
</tr>
<tr><td>
<asp:GridView ID="gvList" runat="server" AutoGenerateColumns="False" Width="100%"   
            CellPadding="4" ForeColor="#333333" GridLines="None"> 
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /> 
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" /> 
<Columns>
<asp:TemplateField> 
<HeaderTemplate>
<table cellpadding="0" cellspacing="0" border="1" width="100%;">
<thead>
<tr>
<td style="width:15%" align="center">msid</td>
<td style="width:15%" align="center">session id</td>
<td style="width:15%" align="center">request_id</td>
<td style="width:15%" align="center">time</td>
<td style="width:15%" align="center">status</td>
<td style="width:15%" align="center">action</td>
</tr>
</thead>
</table>
</HeaderTemplate>
<ItemTemplate> 
<table cellpadding="0" cellspacing="0" border="1" width="100%"> 
<thead>
<tr>
<td>
<img onclick="showDiv(this)" style="cursor:hand" src="../Images/open.gif" alt="" />                               
<%#Eval("msid_mdn")%>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<asp:Repeater ID="rptDetail" runat="server" DataSource='<%# ((System.Data.DataRowView)Container.DataItem).CreateChildView("tableRelation") %>'
                                             DataMember="msid_mdn" OnItemCommand="rptDetail_ItemCommand">
<HeaderTemplate>
<table cellpadding="0" cellspacing="0" border="1" width="100%;">
<tr>
<td colspan="5" style="height:5px;"></td>
</tr>  
</HeaderTemplate>
<ItemTemplate>                                            
<tr>
<td style="width:15%" align="center"><asp:Label runat="server" ID="msid" Text='<%# DataBinder.Eval(Container.DataItem,"msid")%>'></asp:Label></td>
<td style="width:15%" align="center"><%# DataBinder.Eval(Container.DataItem,"session_id")%></td>
<td style="width:15%" align="center"><%# DataBinder.Eval(Container.DataItem,"request_id")%></td>
<td style="width:15%" align="center"><%# DataBinder.Eval(Container.DataItem,"time")%></td>
<td style="width:15%" align="center">
<asp:DropDownList ID="ddlStatus" runat="server">
<asp:ListItem Text="select" Value="1"></asp:ListItem>
<asp:ListItem Text="view" Value="2"></asp:ListItem>
<asp:ListItem Text="fellow" Value="3"></asp:ListItem>
</asp:DropDownList>&nbsp;&nbsp;<asp:LinkButton ID="lbnGO" runat="server" CommandName="GO" Font-Underline="false">GO</asp:LinkButton>
</td>
<td style="width:15%" align="center"></td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
</tr>
</tbody>
</table> 
</ItemTemplate> 
</asp:TemplateField> 
</Columns> 
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" /> 
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /> 
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /> 
<EditRowStyle BackColor="#999999" /> 
<AlternatingRowStyle BackColor="White" ForeColor="#284775" /> 
</asp:GridView>
</td></tr>
</table>
</form>
</body>
</html>






CS Code：


 


ContractedBlock.gifExpandedBlockStart.gif代码



using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using DataAccess;

namespace byd.EquipmentManager
{
public partial class tlrrList : System.Web.UI.Page
    {
protected void Page_Load(object sender, EventArgs e)
        {
if (!IsPostBack)
            {
                Bind();
            }
        }

private void Bind()
        {
            DataSet ds = new DataSet();
using (EntityDAO edo = new EntityDAO())
            {
                ds = edo.Get_TLRRList();

                DataColumn father = ds.Tables[0].Columns["msid_mdn"];
                DataColumn child = ds.Tables[1].Columns["msid"];
                DataRelation tableRelation = new DataRelation("tableRelation", father, child, false);
                ds.Relations.Add(tableRelation);

                gvList.DataSource = ds.Tables[0];
                gvList.DataBind();
            }
        }

protected void rptDetail_ItemCommand(object source, RepeaterCommandEventArgs e)
        {
if (e.CommandName == "GO")
            {
                DropDownList ddl = (DropDownList)e.Item.FindControl("ddlStatus");
string val = ddl.SelectedValue;
                Label lbl = (Label)e.Item.FindControl("msid");
string msid = lbl.Text.ToString();
if (val == "1")
                {
                    Response.Redirect("tlrr.aspx?ddlStatus=" + msid);
                }
            }
        }
    }
}






 


转载于:https://www.cnblogs.com/ssyang/archive/2010/06/04/1751671.html

                

        




    

    
  



    



                



	

		

			

				
					
基于STM32设计的智能门锁(微信小程序+手机APP等多种方式开锁)(188)

				
			

			

				

					
				

				

					07-17
					
					1万+
					
				

			

		

		

			
				
当前智能门锁项目是基于STM32微控制器、ESP8266-WIFI模块、OLED显示屏、指纹模块、蓝牙模块、门禁刷卡模块、烟雾检测模块、火光检测模块、温湿度检测模块等硬件设备开发的一种智能门锁系统

			
		

	



                

            
              



	

		

			

				
					
Linux C++ 进程管理器设计全攻略：通信、信息与架构深度解析

				
			

			

				

					探索C++编程的奥秘，分享深入的技术见解和实践，旨在激发读者创造力与解决问题的思维。
				

				

					11-06
					
					2437
					
				

			

		

		

			
				
在构建了一个功能全面、响应迅速的Linux C++进程管理器后，我们来到了这个旅程的终点。在这一章节，我们将总结项目的主要成果，并探讨技术发展的趋势以及可能的未来改进方向。

			
		

	



              


  
              

                


	

		

			

				
					
Asp.net中DataGrid利用DataRelation显示主从表信息(可控制从表信息隐藏和显示).(DataGrid 嵌套)...

				
			

			

				

					weixin_30273931的博客
				

				

					11-12
					
					159
					
				

			

		

		

			
				
这是我这个菜鸟做的入门级的程序,与菜鸟们一起分享~~~~~基本效果图:
(程序主页面图(子表的信息可显示和隐藏))
(showModalDialog弹出的修改子窗口,可根据情况刷新父窗口)
一.开发环境:.net 版本:asp.net 1.1.4322.2032 工具:Visual Studio 2003操作系统:Window Server 2003 数据库:SqlServer 2000
...

			
		

	





	

		

			

				
					
主从表设计和编程的几种实现办法

				
			

			

				

					weixin_34419321的博客
				

				

					01-22
					
					482
					
				

			

		

		

			
				
主从表操作是数据库相关编程中绕不过去的技术之一。为了减少数据冗余、满足数据库的范式要求，必需考虑建立主表和从表，从以外键关联。主从表可以看做是对母表进行纵向切割而得到的。
 由于表个数的增加，和外键关系的存在（“关系型数据库”的名称就是从这里来的吧？），使操作主从表比操作单表复杂了很多。编程的复杂度和工作量也成倍增加 - 至少增加了3倍。
 主从表从表设计...

			
		

	



		

			
		



	

		

			

				
					
GridView无刷新主从表联动

				
			

			

				

					07-12
				

			

		

		

			
				
使用原生态 GridView 和 Jquery 实现单击主表行无刷新联动从表。此方法非网上传的单击行中的一个链接，而是单击行。欢迎大家下载

			
		

	





	

		

			

				
					
java 主从表_JBolt开发平台入门（15）- 上下结构主从表管理简单实现

				
			

			

				

					weixin_28999575的博客
				

				

					02-24
					
					355
					
				

			

		

		

			
				
在上节课中，我们讲到一种上下结构的主从表管理方式。如下图所示： 上图中，上半部分是主表JboltVersion表的增删改查管理table;class="jbolt_master_slave_box" 声明是一个主从表管理页面容器 class="jbolt_master_container" 声明上半部分主要做主表管理 class="jbolt_master_page" 声明给主表使用的分页组件区域...

			
		

	





	

		

			

				
					
html表格table导出excel,主从表格式,带样式.自动分列

					
最新发布

				
			

			

				

					走错路的程序员
				

				

					01-06
					
					473
					
				

			

		

		

			
				
html的table导出成excel, vue模板项目使用xlsx-js-style源代码从https://github.com/gitbrent/xlsx-js-style/releases/tag/v1.2.0 下载用里面的dist目录下的文件即可. 复制到vue项目的public目录下的XLSX目录下.在index.hml中引入js脚本,  为啥要在这里引入?

			
		

	





	

		

			

				
					
从0开始，设计研发一个全功能通用大数据系统

					
热门推荐

				
			

			

				

					GitChat
				

				

					04-12
					
					6万+
					
				

			

		

		

			
				
在计算机产业发展的70年时间里，每一次的 IT 革命，无不带来：更低廉的价格、更完善的功能、更便捷的使用、更广阔的市场！
大数据经过10年发展，现在已经到了一个重要的分水岭阶段：通用性和兼容性能力成为大数据发展主流，运行的稳定可靠和使用的简捷、易开发、易维护成为产品发展的驱动力，而这正是 Hadoop/Spark 这类积木式模块框架无法满足的。
本 Chat 讲述这样一个通用大数据系统：系从0开始...

			
		

	





	

		

			

				
					
php后端面试题实战整合（最全附答案）

				
			

			

				

					向宇
				

				

					12-09
					
					7733
					
				

			

		

		

			
				
mysql索引优化三范式存储引擎myisam和innodb锁事务explain查询优化主从复制读写分离
linux命令高并发权限管理RBAC redis和memecache超卖微信支付第三方登录MVC get和post
php魔术方法常量 apache和ngiux 错误码 安全验证错误等级错误日志数组递归冒泡排序快速排序composer框架区别安全攻击设计模式tcp/udpsession面向对象多继承
正则swoole设计模式AJAX大流量单点登陆SSO正反向代理负载均衡seo优化加密方式
php8新特性

			
		

	





	

		

			

				
					
Mysql探索(五)之log文件与事务的实现

				
			

			

				

					zdjsswqs的博客
				

				

					10-25
					
					1674
					
				

			

		

		

			
				
redo log是mysql用来记录DML语句（写操作）的文件机制，对应的是上边的ib_logfile+序号文件，主要是用来恢复数据的，当我们的服务器宕机了，那些已经执行了语句但是还没提交的数据，或者已经提交了事务但是还没持久化的数据就有可能丢失了，当我们重启的时候就需要恢复这小部分数据，这时候就需要redo log中记录的写操作信息，然后重新执行一遍，这也是重来日志的名称由来，但是未提交事务那部分数据的就需要回滚了，这时候就需要undo log的登场了，这里记录着对应的回滚sql语句。

			
		

	





	

		

			

				
					
【自然框架】 之 主从表的添加、修改

				
			

			

				

					jyk 金色海洋工作室 ASP.NET经验总结
				

				

					07-17
					
					2286
					
				

			

		

		

			
				
			 摘要1、 这里不是说如何做一个人员管理，这里要说的是自然框架如何处理主从表的添加、修改。人员管理只是一个例子。2、 人员管理的表的“结构”。3、 Tab标签页，通过js脚本+iframe实现的Tab效果。点击一个Tab，在iframe里面加载对应的页面，从而达到切换标签的效果。4、 主从表：一对一、一对多的两种情况。5、 添加：在添加的时候，表单控件可以添加主表里的记录，然后添

			
		

	





	

		

			

				
					
EntityFramework的CodeFirst项目，实现主从表的增删改查

				
			

			

				

					李小砍的技术博客
				

				

					09-18
					
					1371
					
				

			

		

		

			
				
建立新项目
建立POCO 类
订单及订单项
public class Morder
   {
       public int ID { get; set; }
       [Display(Name = "订单号")]
       [Required]
       public string orderNumber { get; set; }
       public ICollect...

			
		

	





	

		

			

				
					
java 主从表_easyui主从表实现

				
			

			

				

					weixin_28723109的博客
				

				

					02-24
					
					378
					
				

			

		

		

			
				
今天用easyui做了一个主从表的查询，当然后续还会做编辑功能，用的是firefox debug ，感觉跟踪起来还是比较方便，以前做delphi开发，不用注意大小写问题，今天用easyui做前端时，让我痛苦了半天，前端的字段名用的大写，后端转来的json字段是小写，怎么搞数据都不显示，只是显示多少行，还有后台用的php，也是区分大小写的，post传的是大写参数名，处理POST参数时，却写的是小写参...

			
		

	





	

		

			

				
					
gridView 主从表实现

				
			

			

				

					weixin_33982670的博客
				

				

					12-18
					
					651
					
				

			

		

		

			
				
1、主要代码：

        private void Form2_Load(object sender, EventArgs e)
        {
            DataTable dt1 = new DataTable("dt1");//表1
            DataTable dt2 = new DataTable("dt2");//表2
       ...

			
		

	





	

		

			

				
					
GridView主从表无刷新联动实现与应用

				
			

			

				

					
				

			

		

		

			
				
在ASP.NET中，GridView控件通常用于显示数据库中的...综上所述，无刷新主从表联动的实现涉及前端的Jquery交互和后端的ASP.NET数据处理，通过AJAX请求实现数据的异步加载和展示，从而提升了应用的用户体验和性能表现。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值