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
}
}
Repeater使用:绑定时 结合 前台JS及后台共享方法相关推荐
- 不用AJAX实现前台JS调用后台C#方法(小技巧)
纯属小技巧,高手见笑了. 一提到如何在前台JS调用后台C#方法,AJAX成为了必然的想法. 只是实现的细节采用AJAX 1.0或者AjaxPro的区别. 其实如果不用AJAX,我们也能够很方便地利用J ...
- ASP.NET前台JS与后台CS函数如何互相调用
在实际的Web开发中,我们可能会常常遇到后台调用前台JS代码或者前台JS调用后台代码的情况.今天就把比较实用的前后台相互调用的方法总结出来和大家分享. <1>后台代码调用前台JS代码 一. ...
- Bootstrap使用插件时jQuery.min.js文件的导入方法
这几天在使用bootstrap框架的插件时突然忘记了jQuery文件时怎么导入的,接下来就详细讲解以下导入过程. 打开Bootstrap官网 首先打开Bootstrap中文网 点击下载Bootstra ...
- JS调用后台带参数的方法
JS调用后台带参数的方法 对于前台调用后台的方法,我们想到最多的就是用AJAX,这个是毋庸置疑的, 我就不再这里多说了.我今天主要想说的是用JS调用后台的方法. 对于后台往前台传值,用这种<%= ...
- js调用后台方法与后台调用js方法
JS调用后台方法大全 javascript函数中执行C#代码中的函数: 方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为docu ...
- Repeater删除时给出js提示
Repeater删除时给出js提示 前台: <SCRIPT LANGUAGE="JavaScript"> <!-- function co ...
- 前台JS事件与服务器事件的执行顺序
(1)页面加载: 服务器端Page_Load------>前台js的onload事件 (2)服务器端控件(假如是按钮控件) 前台的js事件----->服务器端Page_Load-----& ...
- ASP.NET前台代码绑定后台变量方法总结
经常会碰到在前台代码中要使用(或绑定)后台代码中变量值的问题.一般有<%= str%>和<%# str %>两种方式,这里简单总结一下.如有错误或异议之处,敬请各位指教. 一方 ...
- 前台为html后台是asp在vs2012中建立什么,Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得...
Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得 < type="text/javascript"> < type="text/java ...
最新文章
- 基于ESP32的竞赛裁判系统功能调试-光电条检测板
- VC++运算符与优先级
- bzoj2746: [HEOI2012]旅行问题
- 连通图的判断(并查集, DFS, BFS)
- 头文件和库文件的区别
- ustc小道消息20211213
- python英文语义角色标注_八款中文词性标注工具使用及在线测试
- linux 版本_Linux动态库版本号作用机制
- [PYTHON] 核心编程笔记(14.Python执行环境)
- 多维数组怎么降维_从零开始的机器学习实用指南(八):降维
- 如何修改Qt Creator的界面语言
- 推荐两个有意思的自定义View小项目
- freeswitch连接postgres数据库
- 容器技术Docker K8s 6 阿里云容器服务体系介绍
- Anaconda下载速度慢,用清华镜像
- 华为星环大数据_星环大数据平台介绍,盘点星环大数据和华为大数据
- win11安装ie浏览器
- AI新星丨普林斯顿陈丹琦
- DNA损伤修复基因数据库
- 全球与中国太阳能并网逆变器市场深度研究分析报告