asp.net repeater嵌套

OnItemCreated方式

 <%-- 一级Repeater绑定班级信息 --%><asp:Repeater ID="rptClassInfo" runat="server" OnItemCreated="rptClassInfo_ItemCreated"><ItemTemplate><div class="classInfo"><h3><%# Eval("ClassName") %></h3><div class="stuInfo"><ul class="title"><li>姓名</li><li>性别</li><li>年龄</li></ul><%-- 二级Repeater绑定学生信息 --%><asp:Repeater ID="rptStudentInfo" runat="server"><ItemTemplate><ul class="<%# Container.ItemIndex%2==0?"cor1":"cor2" %>"><%-- 根据单双行增加样式 --%><li><%# DataBinder.Eval(Container.DataItem,"Name") %></li><li><%# DataBinder.Eval(Container.DataItem,"Sex") %></li><li><%# DataBinder.Eval(Container.DataItem,"Age") %></li></ul></ItemTemplate></asp:Repeater></div></div></ItemTemplate></asp:Repeater>

后端代码

  protected void Page_Load(object sender, EventArgs e){BindClassInfo();}/// <summary>/// 绑定学生信息(二级Repeater)/// </summary>/// <param name="sender"></param>/// <param name="e"></param>protected void rptClassInfo_ItemCreated(object sender, RepeaterItemEventArgs e){if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem){Repeater rptStudentInfo = e.Item.FindControl("rptStudentInfo") as Repeater;if (rptStudentInfo != null){ClassInfo classInfo = e.Item.DataItem as ClassInfo;//如果是DataTable则DataItem是DataRowView/*DataTable dt = new DataTable();dt.Columns.Add("id");for (int i = 0; i < 10; i++){var row = dt.NewRow();row["id"] = i;dt.Rows.Add(row);}var dataItem = e.Item.DataItem;var row = dataItem as DataRowView;Console.WriteLine(row["id"].ToString());*/if (classInfo != null && classInfo.StudentList != null){rptStudentInfo.DataSource = classInfo.StudentList;rptStudentInfo.DataBind();}}}}/// <summary>/// 绑定班级信息(一级Repeater)/// </summary>public void BindClassInfo(){//获取所有班级信息List<ClassInfo> classInfoList = ClassInfo.GetClassInfoList();rptClassInfo.DataSource = classInfoList;rptClassInfo.DataBind();}

直接嵌套

 <%-- 一级Repeater绑定班级信息 --%><asp:Repeater ID="rptClassInfo" runat="server"><ItemTemplate><div class="classInfo"><h3><%# Eval("ClassName") %></h3><div class="stuInfo"><ul class="title"><li>姓名</li><li>性别</li><li>年龄</li></ul><%-- 二级Repeater绑定学生信息 --%><asp:Repeater ID="rptStudentInfo" runat="server" DataSource='<%#Eval("StudentList") %>'><ItemTemplate><ul class="<%# Container.ItemIndex%2==0?"cor1":"cor2" %>"><%-- 根据单双行增加样式 --%><li><%# DataBinder.Eval(Container.DataItem,"Name") %></li><li><%# DataBinder.Eval(Container.DataItem,"Sex") %></li><li><%# DataBinder.Eval(Container.DataItem,"Age") %></li></ul></ItemTemplate></asp:Repeater></div></div></ItemTemplate></asp:Repeater>

后端代码

 protected void Page_Load(object sender, EventArgs e){BindClassInfo();}/// <summary>/// 绑定班级信息(一级Repeater)/// </summary>public void BindClassInfo(){//获取所有班级信息List<ClassInfo> classInfoList = ClassInfo.GetClassInfoList();rptClassInfo.DataSource = classInfoList;rptClassInfo.DataBind();}

最终效果
在这里插入图片描述

方式1适合再次查找数据,比如再次查询数据库,方式2适合一次性查询出来直接绑定

字典和数组绑定

<asp:Repeater ID="dicBindRpt" runat="server"><ItemTemplate><p><span><%#Eval("key") %></span><span><%#Eval("value") %></span></p></ItemTemplate>
</asp:Repeater>
<hr />
<asp:Repeater ID="arrayBindRpt" runat="server"><ItemTemplate><p><%#Container.DataItem %></p></ItemTemplate>
</asp:Repeater>

后端代码

var dic = new Dictionary<string, string>();
dic.Add("Name", "Nick");
dic.Add("Age", "13");
this.dicBindRpt.DataSource = dic;
this.dicBindRpt.DataBind();var array = new string[]
{"张三","李四","王五"
};
this.arrayBindRpt.DataSource = array;
this.arrayBindRpt.DataBind();

在这里插入图片描述

参考

https://blog.csdn.net/pan_junbiao/article/details/7462871

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/64534.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SpringBoot 开启热部署 项目热启动 一键调试无需 无需重启

依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-devtools</artifactId><scope>runtime</scope> <!-- 只在开发环境下使用 --> </dependency>Idea设置 设置完后&#xff0c;修…

小程序快速实现大模型聊天机器人

需求分析&#xff1a; 基于大模型&#xff0c;打造一个聊天机器人&#xff1b;使用开放API快速搭建&#xff0c;例如&#xff1a;讯飞星火&#xff1b;先实现UI展示&#xff0c;在接入API。 最终实现效果如下&#xff1a; 一.聊天机器人UI部分 1. 创建微信小程序&#xff0c…

MySQL笔记--多表查询

1--多表关系 多表关系基本上分为三种&#xff1a; 一对多&#xff08;多对一&#xff09;&#xff1b; 多对多&#xff1b; 一对一&#xff1b; 1-1--多对一 在多的一方建立外键&#xff0c;指向一的一方的主键&#xff1b; 1-2--多对多 建立第三张中间表&#xff0c;中间表至少…

【多模态】MiniCPM-V多模态大模型使用学习

MiniCPM-V模型使用 前言1. 模型文件下载和选择2. 环境安装配置3. 模型微调3.1 qlora微调minicpm-v-int43.2 lora微调minicpm-v3.3 merge_lora3.4 lora微调后量化int4 4. 模型推理4.1 huggingface API4.2 swift API(A) swift&#xff08;不支持batch inference&#xff09;(B) s…

C#多线程系列章节五

线程创建的几种写法 thread类 threadpool 线程池 task类 Thread t = new Thread(func); t.Start();//线程开始执行threadPool.QueueUserWorkItem(test)创建var t1 = new Task(() => test(“Task 1”));t.start();Task.Run(() => test(“Task 2”));Task.Factory.StartNew…

clickhouse-介绍、安装、数据类型、sql

1、介绍 ClickHouse是俄罗斯的Yandex于2016年开源的列式存储数据库&#xff08;DBMS&#xff09;&#xff0c;使用C语言编写&#xff0c;主要用于在线分析处理查询&#xff08;OLAP&#xff09;&#xff0c;能够使用SQL查询实时生成分析数据报告。 OLAP&#xff08;On-Line A…

Audition 2025 for Mac Au音频编辑软件

Mac分享吧 文章目录 Audition 2025 for Mac Au音频编辑软件 效果图展示一、Audition 2025 Au音频编辑软件 Mac电脑版——v25.0⚠️注意事项&#xff1a;1️⃣&#xff1a;下载软件2️⃣&#xff1a;安装软件2.1 安装AntiCC_5.9_简化版&#xff0c;操作步骤如下&#xff1a;2.2…

JAVA题目笔记(二十五)网络编程综合小练qa!3EF TG6U8.L;

一、多发多收 客户端&#xff1a; import java.io.*; import java.net.Socket; import java.util.Scanner;public class Test1_2 {public static void main(String[] args) throws IOException {//TCP发送端Scanner scnew Scanner(System.in);String b;//创建Socket对象Socket…

决策树的生成与剪枝

决策树的生成与剪枝 决策树的生成生成决策树的过程决策树的生成算法 决策树的剪枝决策树的损失函数决策树的剪枝算法 代码 决策树的生成 生成决策树的过程 为了方便分析描述&#xff0c;我们对上节课中的训练样本进行编号&#xff0c;每个样本加一个ID值&#xff0c;如图所示…

基于SpringBoot的疫苗在线预约功能实现十二

一、前言介绍&#xff1a; 1.1 项目摘要 随着全球公共卫生事件的频发&#xff0c;如新冠疫情的爆发&#xff0c;疫苗成为了预防和控制传染病的重要手段。传统的疫苗预约方式&#xff0c;如人工挂号或电话预约&#xff0c;存在效率低、易出错、手续繁琐等问题&#xff0c;无法…

MySQL基础 -----MySQL数据类型

目录 INT类型 tinyint类型 类型大小范围 测试tinyint类型数据 float类型 测试&#xff1a; 测试正常数据范围的数据 测试插入范围超过临界值的数据&#xff1a; 测试float类型的四舍五入 ​编辑 decimal类型 同样测试&#xff1a; 字符串类型 char类型 测试&…

代码开发相关操作

使用Vue项目管理器创建项目&#xff1a;&#xff08;vue脚手架安装一次就可以全局使用&#xff09; windowR打开命令窗口&#xff0c;输入vue ui&#xff0c;进入GUI页面&#xff0c;点击创建-> 设置项目名称&#xff0c;在初始化git下面输入&#xff1a;init project&…

如何在 Ubuntu 22.04 上安装和使用 Rust 编程语言环境

简介 Rust 是一门由 Mozilla 开发的系统编程语言&#xff0c;专注于性能、可靠性和内存安全。它在没有垃圾收集的情况下实现了内存安全&#xff0c;这使其成为构建对性能要求苛刻的应用程序&#xff08;如操作系统、游戏引擎和嵌入式系统&#xff09;的理想选择。 接下来&…

MybatisPlus-配置加密

配置加密 目前配置文件中的很多参数都是明文&#xff0c;如果开发人员发生流动&#xff0c;很容易导致敏感信息的泄露。所以MybatisPlus支持配置文件的加密和解密功能。 我们以数据库的用户名和密码为例。 生成秘钥 首先&#xff0c;我们利用AES工具生成一个随机秘钥&#…

记录:virt-manager配置Ubuntu arm虚拟机

virt-manager&#xff08;Virtual Machine Manager&#xff09;是一个图形用户界面应用程序&#xff0c;通过libvirt管理虚拟机&#xff08;即作为libvirt的图形前端&#xff09; 因为要在Linux arm环境做测试&#xff0c;记录下virt-manager配置arm虚拟机的过程 先在VMWare中…

ChatGPT客户端安装教程(附下载链接)

用惯了各类AI的我们发现每天打开网页还挺不习惯和麻烦&#xff0c;突然发现客户端上架了&#xff0c;懂摸鱼的人都知道这里面的道行有多深&#xff0c;话不多说&#xff0c;开整&#xff01; 以下是ChatGPT客户端的详细安装教程&#xff0c;适用于Windows和Mac系统&#xff1a…

Element@2.15.14-tree checkStrictly 状态实现父项联动子项,实现节点自定义编辑、新增、删除功能

背景&#xff1a;现在有一个新需求&#xff0c;需要借助树结构来实现词库的分类管理&#xff0c;树的节点是不同的分类&#xff0c;不同的分类可以有自己的词库&#xff0c;所以父子节点是互不影响的&#xff1b;同样为了选择的方便性&#xff0c;提出了新需求&#xff0c;选择…

概率论得学习和整理27:关于离散的数组 随机变量数组的均值,方差的求法3种公式,思考和细节。

目录 1 例子1&#xff1a;最典型的&#xff0c;最简单的数组的均值&#xff0c;方差的求法 2 例子1的问题&#xff1a;例子1只是1个特例&#xff0c;而不是普遍情况。 2.1 例子1各种默认假设&#xff0c;导致了求均值和方差的特殊性&#xff0c;特别简单。 2.2 我觉得 加权…

【HarmonyOS NEXT】Web 组件的基础用法以及 H5 侧与原生侧的双向数据通讯

关键词&#xff1a;鸿蒙、ArkTs、Web组件、通讯、数据 官方文档Web组件用法介绍&#xff1a;文档中心 Web 组件加载沙箱中页面可参考我的另一篇文章&#xff1a;【HarmonyOS NEXT】 如何将rawfile中文件复制到沙箱中_鸿蒙rawfile 复制到沙箱-CSDN博客 目录 如何在鸿蒙应用中加…

ASP.NET Core - 依赖注入 自动批量注入

依赖注入配置变形 随着业务的增长&#xff0c;我们项目工作中的类型、服务越来越多&#xff0c;而每一个服务的依赖注入关系都需要在入口文件通过Service.Add{}方法去进行注册&#xff0c;这将是非常麻烦的&#xff0c;入口文件需要频繁改动&#xff0c;而且代码组织管理也会变…