数据服务控件的嵌套最主要的是是内层控件数据的加载和事件的触发。 DataList嵌套的重点是要在外层DataList的ItemDataBound事件中用e.Item.FindControl方法来找到嵌套层DataList的id,编写嵌套层DataList的绑定数据源事件。下面以两层DataList为例介绍下实现的过程。效果如下图:

DataList嵌套DataList的实现

---------前台html代码-------
DataList嵌套DataList的实现<asp:datalist id="dlFileType" RepeatColumns="2" runat="server">
DataList嵌套DataList的实现    
<ItemTemplate>
DataList嵌套DataList的实现        
<table border="0" cellspacing="0" cellpadding="0">
DataList嵌套DataList的实现            
<tr>
DataList嵌套DataList的实现                
<td width="22%" height="88" align="center" valign="top">
DataList嵌套DataList的实现                    
<img src='<%#DataBinder.Eval(Container.DataItem, "cnvcPicURL")%>' width="80"  height="80">
DataList嵌套DataList的实现                
</td>
DataList嵌套DataList的实现                
<td valign="top">
DataList嵌套DataList的实现                    
<table width="96%" border="0" cellpadding="0" cellspacing="0">
DataList嵌套DataList的实现                        
<tr width="100%">
DataList嵌套DataList的实现                            
<td colspan="2"><img src='<%#PageBase.strStyleRoot+"/picture/pic_fwzn_08.gif"%>'  height="20"><%#DataBinder.Eval(Container.DataItem, "cnvcTitle")%>
DataList嵌套DataList的实现                                
<asp:Label id="labFileType" runat="server" Visible=False Text='<%# DataBinder.Eval(Container.DataItem,"cniFileTypeID")%>'>
DataList嵌套DataList的实现                                
</asp:Label></td>
DataList嵌套DataList的实现                        
</tr>
DataList嵌套DataList的实现                        
<tr>
DataList嵌套DataList的实现                            
<td width="300">
DataList嵌套DataList的实现                                
<asp:DataList id="dlFileList" runat="server" RepeatColumns="1" Width="100%">
DataList嵌套DataList的实现                                    
<ItemTemplate>
DataList嵌套DataList的实现                                        
<TABLE cellSpacing="1" cellPadding="1" width="100%" border="0">
DataList嵌套DataList的实现                                            
<tr>
DataList嵌套DataList的实现                                                
<td width="7%" height="20" align="center">
DataList嵌套DataList的实现                                                    
<img src='<%#PageBase.strStyleRoot+"/picture/pic_fwzn_dot.gif"%>' width="3" height="3"></td>
DataList嵌套DataList的实现                                                
<td width="93%">
DataList嵌套DataList的实现                                                    
<font color="#393939">
                                                        
<%>

--------后台cs代码------
内层控件数据绑定与事件声明在外层的ItemDataBind中实现

private void dlFileType_ItemDataBound(object sender, System.Web.UI.WebControls.DataListItemEventArgs e)
        {
         
       if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) 
            {
                  DataList   dl 
= null;
                 Label   labTypeID 
= null;
                
                 dl 
= (DataList)e.Item.FindControl("dlFileList")
                labTypeID 
= (Label)e.Item.FindControl("lbFileType");

                
string typeID = labTypeID.Text.ToString();
      
int iTypeID = Convert.ToInt32(typeID);

    string commandText = "select * from tbfile";
    commandText = commandText + " Where TypeID=" + iTypeID;
    //------------
    string connString = ConfigurationSettings.AppSettings["dsn"];
                 SqlConnection conn = new SqlConnection();
    conn.ConnectionString = connString;
    conn.Open();
    SqlDataAdapter  myCommand = new SqlDataAdapter(commandText,conn);
    DataSet ds = new DataSet();
    myCommand .Fill(ds,"tbFile");
    conn.Close();
    //------------

         
        dl.DataSource = ds.Tables["tbFile"];;
                 dl.DataBind();
              }

        }

 

相关文章: