浅谈数据控件的嵌套使用

《浅谈数据控件的嵌套使用》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、浅谈数据控件的嵌套使用摘要：在网页显示父子表关系数据时，大多采用点击跳转页面的方式浏览，有时此种方式并不能给用户直观的浏览，本文主要分别介绍在ASP.net开发工具中关于数据控件实现嵌套使用的相关内容，具体介绍了常用的几种控件，并在最后进行了总结。关键词：父子表，数据控件，嵌套一.概述在信息技术飞速发展的今天，在网络中显示大批量工作数据已经变成人们日常工作中一个比不可少的组成部分，当数据关系是父子关系的时候往往采用点击跳转或者新开页面的方法显示数据。本文将介绍的嵌套，可方便直观的显示这种父子表结构的数据。二、建立父子结构数据表在数据中建立数据关系为父子关系的数据表，如图所示，本文以

2、以下两表为例，建立“货物父表”与“货物子表”且两表存在父子关系。三.实现数据控件的嵌套（一）数据控件GridView的嵌套使用1.创建数据控件如图所示，在前台页面中HTML中建立数据控件gridviewColumnOColumnlColumn2abcabcabcabcabcabc广abcabcabcabcabcabcabcabc2、绑定父表数据绑定父表数据如下图所示：JJ•LJI*JL

3、■J*JJL•V_mainContext（目矩眾IDJ1asp:GridView#gvRem

4、货物名称3数据绑定数据绑定+数据绑定数据绑定*数据绑定数据绑定+数据绑定数据绑定+数据绑定一在绑定父数据

5、控件的时候，同时要将DataKey进行绑定“父子关系外键”，即DataKeyNames=HIDn3.建立模版列放入另一个gridview在GridView中添加模版列，模版列中放入用以显示子表信息的数据控件gridview,代码如下：<1LemTemplcite>

6、cid"Headerstyle-Width=*15%*HeaderText二"ID">同时在后台绑定时，需要在父数据控件中的“RowData

7、Bound”事件中，进行子数据控件的绑定。在进行子数据控件绑定的时候，首先要使用FindControl事件，找到子数据控件。然后要根据父数据控件中DataKeyNames绑定的父子关系外键，取出子表信息进行子数据控件绑定。代码如下：if(c.Row.RowTypc==DataControlRowType.DataRow){GridViewoGridView=(GridView)e.Row.FindControl(^gvInnerltem");//找到每行的子控件if(oGridView!=null){intid=Convert.Tolnt32(gvltem.DataKeysle.R

8、ow.RowindexI.Value);stringqu="selectcid,chiIdthingsfromchildthir)£stestwhere『id二"+id;//根据外键找到子数据控件数据表进行绑定DataSetds=op.QueryDB(qu);oGridView.DataSource=ds.Tables[0].Defaultview;oGridView.DataBindO;}3.设置div+css样式使用javascirpt用以切换显示及隐藏子数据控为了使得页面布局变得更加美观，所以需要采用javascirpt并且在模版列中设置div+css样式调整显示效果.当前显

9、示效果如下图所示:ED货物名称1-ID名称1水果1苹果23香隹1-ID名称2衣服4上衣51)因为当前数据所占用空间过大，所以需要采用隐藏的效果显示，所以可采用在子表外层套置一层