asp.net 中repeater控件和linkbutton 的使用方法有哪些？

Posted 2023-03-22

我在页面上放了一个repeater控件 linkbutton控件 label控件 我用repeater控件和linkbutton控件 绑定的一段数据 代码如下
<asp:Repeater ID="Repeater1" runat="server"
onitemcommand="Repeater1_ItemCommand">
<ItemTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click" >
<%# Eval("brand") %>
</asp:LinkButton>
</ItemTemplate>
</asp:Repeater>
我现在想实现一个功能就是 当我点击linkbutton的某一个值后 将上面的值 传给label 请问代码怎么写

参考技术A 获取linkbutton的id, 还是获取你绑定数据的id? 前者: 你运行网站! 在生成的页面右键查看源代码, 在那里找到你的linkbutton的id, 在javascript里使用这个yid, 你的linkbutton的id是跟你编写代码时候的id 不e同的, 因为3你嵌套在repeater中7里了i, 编译完之y后就会自动+上orepeater的id。 后者: 我没试过我不e知道, 我想如果通过CommandArguement不l能从2value等的获取到值的话, 你可以1考虑放个bHiddenField存放对应的idcのquΜd拢萤选gō八d拢萤选wiuΜjㄧ 参考技术B 借用他们的回答，稍加改进，如下：
把 <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click" onclinetclick="setValue('<%#Eval("xxx")%>')">
页面label控件 的ID为 label1
添加一个script
<script type="text/javascript">
function setValue(value)
var lblObj = document.getElementById('label1');
if(lblObj != null)
lblObj .value = value;


</script> 参考技术C 把 <asp:LinkButton ID="LinkButton1" runat="server" />替换为 <a href="javascript:void(0);" onclick="setValue('<%#Eval("xxx")%>');"><%#Eval("xxx")%></a>
页面label控件 的ID为 label1
添加一个script
<script type="text/javascript">
function setValue(value)
var lblObj = document.getElementById('label1');
if(lblObj != null)
lblObj .value = value;


</script>

WebForm以及WebForm中Repeater控件简单控件使用

ASP.NET分为：ASP.NET WebForm和ASP.NET MVC

运行机制：

C/S（客户端应用程序） 代码在客户端执行，仅仅去服务器上的数据库存取数据

B/S（网站应用程序） 程序代码在服务器上执行，客户端仅仅渲染HTML+CSS，执行JS代码，其它所有的功能都在服务器上执行

客户端浏览器发送请求→服务器上的IIS（Internet 信息服务管理器）（html+css+js）→服务器上的.net framwork进行代码处理→服务器上的数据库

web为什么越来越受欢迎

1、不吃用户电脑配置

2、不需要安装，随时随地都可以访问网页

3、跨平台

二、Repeater控件

1、<%@ %> - 这里面写一些声明和引用的

<%  %> - 编写C#代码的

<%= %> - 往界面上输出一个变量的值

<%# Eval("属性名","可选，格式字符串")%> - 在Repeater数据展示中使用

<%#Eval("Birthday","{0:yyyy年MM月dd日}") %>

2、Repeater控件   - 用来展示数据重复执行。

<HeaderTemplate></HeaderTemplate>     先执行，执行一次，常用来展示表头

<ItemTemplate></ItemTemplate>  在<HeaderTemplate></HeaderTemplate>之后执行，用来绑定数据，有多少条数据执行多少次。

<AlternatingItemTemplate></AlternatingItemTemplate>    交替项模版，与<ItemTemplate></ItemTemplate>交替执行。

<FooterTemplate></FooterTemplate>   最后执行，执行一次

3、数据绑定

在后台代码页面加载中进行数据绑定

三、简单控件

1.Lable  -- 转换成<span></span>

　　需要在样式中加上display：inline-block才可以是lable样式中的长宽起作用

2.Literal -- 空，什么也没有转换,把内容直接打印在界面上

　　作用：可以直接输出上面的内容，

　　Literal.Text=<script>alter(\'你好\');</script>  --- 可以直接在界面上跳出弹窗

3.TextBox

设置属性TextMode

SingLine   ---  变成<input type="text" />

PassWord --- 变成<input type="PassWord">

MultiLine --- 变成<textarea>　　

4.HiddenField  --- 变成<input type="hidden">

5.Button --- 变成　<input type="submit">　

6.ImageButton  --- 变成<input type="image">

用委托来写事件：

例如：

在后台代码界面加载中写按钮的点击事件+=，然后连按两下Tab键就会生成相应的点击事件