Repeater使用:绑定时 结合 前台JS及后台共享方法
//前台模板
//如下
//图片结合了js
//lbl_DateStartEnd 的值 是直接绑定
//div的值 是由后绐共享的方法返回的HTML代码
<asp:Repeater ID="repeater_Show" runat="server">
<ItemTemplate>
<table width="100%">
<tr>
<td>
<a href="javascript:void hiddenlist('<%# Eval("CurrRowNum") %>')"
id="a<%# Eval("CurrRowNum") %>" title="隐藏">
<img id="img<%# Eval("CurrRowNum") %>" src="../Images/blue-chevron_up.gif"
border="0" align="absmiddle" width="17" height="17"/></a>
<asp:Label ID="lbl_DateStartEnd" runat="server" Text='<%# Eval("DateStartEnd") %>' ></asp:Label>
<asp:Label ID="lbl_YearAndWeek" runat="server" Text='<%# Eval("YearAndWeek") %>' ></asp:Label>
</td>
</tr>
<tr>
<td>
<div id='div<%# Eval("CurrRowNum") %>'>
<%# fn_bindWRBaseInfo(Convert.ToString(Eval("WRSeqID")))%>
</div>
</td>
</tr>
<tr>
<td>
<div>
<%# fn_bindWRMonthSources(Convert.ToString(Eval("tSeqID")))%>
</div>
</td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
// JScript 文件
function hiddenlist(which)
{
if (document.getElementById("div"+which).style.display=="")
{
document.getElementById("a"+which).title="展开"
document.getElementById("div"+which).style.display="none"
document.getElementById("img"+which).src="../Images/blue-chevron_down.gif"
}
else
{
document.getElementById("a"+which).title="隐藏"
document.getElementById("div"+which).style.display=""
document.getElementById("img"+which).src="../Images/blue-chevron_up.gif"
}
}
//后台按钮事件
this.repeater_Show.DataSource = ds_1.Tables[0];
this.repeater_Show.DataBind();
//后台共享方法
protected string fn_bindWRBaseInfo(string strWRSeqID)
{
if (strWRSeqID == "0")
{
return "<font color='red'>没有填写 </font> ";
}
else
{
//跑数据库 取得相关值
//组装成HTML代码 返回到前台
//绑定到DIV
}
}
posted on 2007-10-20 09:02 freeliver54 阅读(3043) 评论(1) 编辑 收藏 举报