//前台模板
//如下
//图片结合了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及后台共享方法相关推荐

  1. 不用AJAX实现前台JS调用后台C#方法(小技巧)

    纯属小技巧,高手见笑了. 一提到如何在前台JS调用后台C#方法,AJAX成为了必然的想法. 只是实现的细节采用AJAX 1.0或者AjaxPro的区别. 其实如果不用AJAX,我们也能够很方便地利用J ...

  2. ASP.NET前台JS与后台CS函数如何互相调用

    在实际的Web开发中,我们可能会常常遇到后台调用前台JS代码或者前台JS调用后台代码的情况.今天就把比较实用的前后台相互调用的方法总结出来和大家分享. <1>后台代码调用前台JS代码 一. ...

  3. Bootstrap使用插件时jQuery.min.js文件的导入方法

    这几天在使用bootstrap框架的插件时突然忘记了jQuery文件时怎么导入的,接下来就详细讲解以下导入过程. 打开Bootstrap官网 首先打开Bootstrap中文网 点击下载Bootstra ...

  4. JS调用后台带参数的方法

    JS调用后台带参数的方法 对于前台调用后台的方法,我们想到最多的就是用AJAX,这个是毋庸置疑的, 我就不再这里多说了.我今天主要想说的是用JS调用后台的方法. 对于后台往前台传值,用这种<%= ...

  5. js调用后台方法与后台调用js方法

    JS调用后台方法大全 javascript函数中执行C#代码中的函数: 方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为docu ...

  6. Repeater删除时给出js提示

    Repeater删除时给出js提示 前台: <SCRIPT   LANGUAGE="JavaScript">     <!--     function   co ...

  7. 前台JS事件与服务器事件的执行顺序

    (1)页面加载: 服务器端Page_Load------>前台js的onload事件 (2)服务器端控件(假如是按钮控件) 前台的js事件----->服务器端Page_Load-----& ...

  8. ASP.NET前台代码绑定后台变量方法总结

    经常会碰到在前台代码中要使用(或绑定)后台代码中变量值的问题.一般有<%= str%>和<%# str %>两种方式,这里简单总结一下.如有错误或异议之处,敬请各位指教. 一方 ...

  9. 前台为html后台是asp在vs2012中建立什么,Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得...

    Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得 < type="text/javascript"> < type="text/java ...

最新文章

  1. 基于ESP32的竞赛裁判系统功能调试-光电条检测板
  2. VC++运算符与优先级
  3. bzoj2746: [HEOI2012]旅行问题
  4. 连通图的判断(并查集, DFS, BFS)
  5. 头文件和库文件的区别
  6. ustc小道消息20211213
  7. python英文语义角色标注_八款中文词性标注工具使用及在线测试
  8. linux 版本_Linux动态库版本号作用机制
  9. [PYTHON] 核心编程笔记(14.Python执行环境)
  10. 多维数组怎么降维_从零开始的机器学习实用指南(八):降维
  11. 如何修改Qt Creator的界面语言
  12. 推荐两个有意思的自定义View小项目
  13. freeswitch连接postgres数据库
  14. 容器技术Docker K8s 6 阿里云容器服务体系介绍
  15. Anaconda下载速度慢,用清华镜像
  16. 华为星环大数据_星环大数据平台介绍,盘点星环大数据和华为大数据
  17. win11安装ie浏览器
  18. AI新星丨普林斯顿陈丹琦
  19. DNA损伤修复基因数据库
  20. 全球与中国太阳能并网逆变器市场深度研究分析报告

热门文章

  1. 8 一点就消失_农村即将消失的15个“老物件”,件件充满回忆,全认识说明你老了...
  2. vue 指令 v-cloak
  3. PyPA Installing Packages
  4. Java SpringBoot 页面渲染
  5. python 脚本传参
  6. vue怎么注释html代码,vue如何注释
  7. 顺丰不行了吗?对快递行业的深度理解
  8. 在线修改域控的IP和机器名
  9. 混合云存储阵列 > 产品简介 > 应用场景 > 双活容灾
  10. Linux学习总结(73)——Linux高频命令大总结