效果图(转自:http://www.ok22.org/art_detail.aspx?id=93)
前台的(repeat.asp)代码
- <%@ Page Language="C#" AutoEventWireup="true" CodeFile="repeat.aspx.cs" Inherits="repeat" %>
-
<!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>
- </head>
- <body>
-
<form id="form1" runat="server">
- <dl>
-
<asp:Repeater ID="Repeater1" runat="server">
- <ItemTemplate>
-
<dt><%# Eval("code") %></dt>
-
<asp:Repeater ID="sublist" runat="server" DataSource='<%# getdt(Eval("id").ToString()) %>'>
- <ItemTemplate>
-
<dd><%# Eval("r_name")%></dd>
- </ItemTemplate>
- </asp:Repeater>
- </ItemTemplate>
- </asp:Repeater>
- </dl>
- </form>
- </body>
- </html>
后台代码
- using System;
-
using System.Collections;
-
using System.Configuration;
-
using System.Data;
-
using System.Linq;
-
using System.Web;
-
using System.Web.Security;
-
using System.Web.UI;
-
using System.Web.UI.HtmlControls;
-
using System.Web.UI.WebControls;
-
using System.Web.UI.WebControls.WebParts;
-
using System.Xml.Linq;
-
using Bll;
-
-
public partial class repeat : System.Web.UI.Page
- {
-
protected void Page_Load(object sender, EventArgs e)
- {
-
-
DataTable dt= new Bll.repeatManager().gettyp();
- Repeater1.DataSource = dt.DefaultView;
- Repeater1.DataBind();
-
- }
-
public DataTable getdt(string dt)
- {
-
-
DataTable dt2 = new Bll.repeatManager().getlist(dt);
-
return dt2;
- }
- }
分享到:
相关推荐
对于多级菜单,子菜单项可以通过嵌套`<ul>`来实现: ```html <li><a href="#">一级菜单1 <li><a href="#">二级菜单1.1</a></li> <li><a href="#">二级菜单1.2</a></li> <li><a href="#">一级菜单2</a></...
4. 多级菜单:YoxView还支持嵌套的多级菜单,使得网站的导航结构更加清晰,便于用户浏览。 5. 自定义配置:开发者可以根据需求调整插件的各种参数,实现个性化定制。 三、安装与调试 1. 下载:首先,从可靠源下载...
首先,多级下拉横向导航菜单的基本思路是在一个顶级菜单项中嵌套次级菜单项,每个次级菜单项又可以包含更进一步的子菜单项。这种结构一般通过HTML的嵌套`ul`和`li`元素来实现。在CSS中,我们将使用选择器和伪类来...
2. **多级下拉菜单原理**:多级下拉菜单的实现依赖于HTML的嵌套结构和CSS的定位技术。在AmazonMenu中,每一级菜单项都可以包含子菜单项,形成层次结构。当用户点击一个菜单项时,其对应的子菜单将通过jQuery的动画...
通常,多级下拉菜单的HTML代码是基于`<ul>`和`<li>`标签的嵌套结构构建的。例如,一级菜单是`<ul>`,一级菜单下的二级菜单则是嵌套在一级菜单`<li>`内的另一个`<ul>`,以此类推。如果某个菜单项没有子菜单,那么它以...
通过`ng-repeat`,开发者可以轻松地处理数组和对象,实现数据的多级嵌套循环,同时结合过滤器和排序功能,构建出响应式且高效的用户界面。在实际项目中,熟练掌握`ng-repeat`的使用能够显著提升开发效率。
这个实例中的菜单支持两级,如果需要支持更多级别,可以对现有代码进行扩展,例如通过嵌套`<ul>`标签来实现多级菜单,然后用jQuery处理更复杂的显示和隐藏逻辑。 总的来说,结合jQuery和CSS,我们可以轻松地创建出...
在v8.2.14中,模块的使用更加灵活,支持多级模块嵌套,方便构建大型应用。 路由在单页应用(SPA)中扮演着重要角色,AngularJS的uirouter或ngRoute模块提供了强大的路由管理功能。通过定义路由规则,开发者可以轻松...
在给定的标题和描述中,我们面临的问题是将一个二维数组按照其内在的父子关系进行...在实际项目中,可能还需要考虑到数据的复杂性,例如多级嵌套或自循环的情况,这时可能需要更复杂的算法或数据结构,如二叉树、图等。
background-repeat: no-repeat; } .menu-item:hover { background-position: 0 -50px; /* 悬停时的位置 */ } ``` 5. 优化与兼容性: 虽然CSS3提供了更多的动画和过渡效果,但为了保证兼容性,我们可能需要使用...
列表项`<li>`可以嵌套,创建多级列表,常用于菜单或目录结构。 5. **表单**:网页表单允许用户输入数据并与服务器进行交互,常见于登录、注册、搜索等功能。表单由`<form>`、`<input>`、`<textarea>`、`<button>`等...
1. **表单嵌套**:支持创建嵌套表单,适用于复杂的数据结构,如多级关联模型。 2. **自定义模板**:允许开发者自定义表单元素的HTML模板,满足个性化需求。 3. **表单验证扩展**:可以通过扩展点添加自定义验证...
父节点通常包含一个`<ul>`,子节点是`<li>`元素,子节点内部还可以嵌套`<ul>`以形成多级树。 2. **CSS美化**: - CSS用来设置样式,使树节点具有折叠/展开的效果,以及良好的视觉层次感。我们可以使用伪类如`:...
- jQuery:使用jQuery插件如`multiselect`或`select2`,可以轻松实现多级下拉列表。通过JSON数据或HTML结构,动态构建具有嵌套选项的Dropdownlist。 - AngularJS:在AngularJS中,可以利用`ng-options`指令和`ng-...
- 使用嵌套的`<ul>`和`<li>`元素构建多级菜单。 - 每个主菜单放在一个`<li>`中,子菜单则嵌套在父菜单的`<li>`内。 **2. 默认样式调整** - 浏览器通常会给`<ul>`和`<li>`元素默认样式,如圆点标识符和缩进。 - ...
background: url(images/treeview-default.gif) -64px -22px no-repeat; } ``` 七、实际应用 jQuery Treeview广泛应用于各种场景,如: 1. 文件管理系统:展示目录结构,支持拖放操作。 2. 菜单导航:构建多级...
- 使用 `while` 和 `repeat-while` 两种形式。 3. **条件语句**: - 使用 `if` 和 `else if` 进行条件判断。 - 可以使用 `switch` 语句来进行更复杂的模式匹配。 4. **控制转移语句**: - `break` 和 `continue`...
可嵌套创建多级菜单。 7. **表格**: `<table>`、`<tr>`(行)、`<th>`(表头)、`<td>`(单元格)。`<tbody>`、`<thead>` 和 `<tfoot>` 分别用于表体、表头和表尾。`colspan` 和 `rowspan` 用于跨列和跨行。 8. **...
每一层下拉菜单都嵌套在上一级菜单的`<li>`元素内,通过不同的类名区分各级菜单。例如,一级菜单使用"class='topmenu'",二级菜单使用"class='submenu1'",以此类推。以下是简化后的HTML代码: ```html <li><a ...