none
Repeater 项 ItemTemplate 内的 内容 能引用 外部的 js ,css 文件吗? RRS feed

  • 问题

  • 请教老师们:   Repeater      项 ItemTemplate 内的 内容 能引用 外部的 js ,css 文件吗?

     <ItemTemplate>   
    <a id="showtop"  onclick="Cimg.show();this.style.display='none';document.getElementById('hidetop').style.display='';"><font  color="#66c">更改头像图片</font></a>
     </ItemTemplate>   
    Cimg.show()是本页面上的JS
    小吴
    2009年5月9日 8:48

答案

  • 楼主,你好

    如果你的问题还没有解决,请参考下面的代码试试。
    <%@ Page Language="C#" %>
    
    <%@ Import Namespace="System" %>
    <%@ Import Namespace="System.Configuration" %>
    <%@ Import Namespace="System.Data" %>
    <%@ Import Namespace="System.Linq" %>
    <%@ Import Namespace="System.Web" %>
    <%@ Import Namespace="System.Web.Security" %>
    <%@ Import Namespace="System.Web.UI" %>
    <%@ Import Namespace="System.Web.UI.HtmlControls" %>
    <%@ Import Namespace="System.Web.UI.WebControls" %>
    <%@ Import Namespace="System.Web.UI.WebControls.WebParts" %>
    <%@ Import Namespace="System.Web.Services" %>
    <%@ Import Namespace="System.ComponentModel"%>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <script runat="server">
    
        </script>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Untitled Page</title>
        <script type="text/javascript" language="javascript">
           function showDiv(self,targetId)
           {
           var div=document.getElementById(targetId);
            div.style.display='block';
            div.style.top=(self.offsetTop+self.clientHeight)+"px";
            div.style.left=self.offsetLeft+"px";
    
           }
        
        </script>
    </head>
    <body>
        <form id="form1" runat="server">    
        <asp:Repeater ID="Repeater3" runat="server" DataSourceID="SqlDataSource2">
        <ItemTemplate>
                    <div>
                        <asp:Label ID="Label1" runat="server" Text='<%#Eval("ImageName") %>'></asp:Label>
                        <input type="button"  value="test" onclick="JavaScript:showDiv(this,'test')"/>
                    </div>
                    </ItemTemplate>
        </asp:Repeater>
        <div style="width:300px; height:150px; display:none; background-color:Olive; position: absolute; top: 100px; left: 100px;" 
            id="test">ateatatqtaetaset
            
         <a href="#" onclick="javascript:document.getElementById('test').style.display='none';return false;">关闭窗口</a>   
         </div>
        </form>
    </body>
    </html>
    

    Microsoft Online Community Support
    2009年5月12日 5:03

全部回复

  • 应该是可以的,你遇到什么问题了吗?
    知识改变命运,奋斗成就人生!
    2009年5月9日 9:02
    版主
  • 是的,我想在项模板里   用一个按钮的ONCLICK 事件 触发JS 脚本, 点击之后在按钮的下边出现一个div ,我没弄成功:你有这样的原型例子吗


    小吴
    2009年5月9日 9:18
  • 这种技术没有什么困难的地方,就是显示、隐藏内容,然后设置内容的位置即可,这些东西网上已经有很多了
    【孟子E章】
    2009年5月9日 9:33
    版主
  • 楼主,你好

    如果你的问题还没有解决,请参考下面的代码试试。
    <%@ Page Language="C#" %>
    
    <%@ Import Namespace="System" %>
    <%@ Import Namespace="System.Configuration" %>
    <%@ Import Namespace="System.Data" %>
    <%@ Import Namespace="System.Linq" %>
    <%@ Import Namespace="System.Web" %>
    <%@ Import Namespace="System.Web.Security" %>
    <%@ Import Namespace="System.Web.UI" %>
    <%@ Import Namespace="System.Web.UI.HtmlControls" %>
    <%@ Import Namespace="System.Web.UI.WebControls" %>
    <%@ Import Namespace="System.Web.UI.WebControls.WebParts" %>
    <%@ Import Namespace="System.Web.Services" %>
    <%@ Import Namespace="System.ComponentModel"%>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <script runat="server">
    
        </script>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Untitled Page</title>
        <script type="text/javascript" language="javascript">
           function showDiv(self,targetId)
           {
           var div=document.getElementById(targetId);
            div.style.display='block';
            div.style.top=(self.offsetTop+self.clientHeight)+"px";
            div.style.left=self.offsetLeft+"px";
    
           }
        
        </script>
    </head>
    <body>
        <form id="form1" runat="server">    
        <asp:Repeater ID="Repeater3" runat="server" DataSourceID="SqlDataSource2">
        <ItemTemplate>
                    <div>
                        <asp:Label ID="Label1" runat="server" Text='<%#Eval("ImageName") %>'></asp:Label>
                        <input type="button"  value="test" onclick="JavaScript:showDiv(this,'test')"/>
                    </div>
                    </ItemTemplate>
        </asp:Repeater>
        <div style="width:300px; height:150px; display:none; background-color:Olive; position: absolute; top: 100px; left: 100px;" 
            id="test">ateatatqtaetaset
            
         <a href="#" onclick="javascript:document.getElementById('test').style.display='none';return false;">关闭窗口</a>   
         </div>
        </form>
    </body>
    </html>
    

    Microsoft Online Community Support
    2009年5月12日 5:03
  • 完全可以的, 有问题你查看生成的 html 代码 ,找出js的错误,再到aspx页面更新!  调试js 用 IE 8 或者 firebug 比较方便! 
    2009年5月12日 5:24
    版主