首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

JS批改img的src

2013-01-11 
JS修改img的src现在有个项目要能实时更新数据。数据库有个视图的字段里面的值(status)是固定的,1向上运行

JS修改img的src
现在有个项目要能实时更新数据。
数据库有个视图的字段里面的值(status)是固定的,1==向上运行,2==向下运行,0==停止,5==不能确定
我是用repeater把这个数据绑定在td里。
现在我要把 字段的值 1,2,0,5  4个数据转换成 不同的图片1.gif 2.gif 0.gif 5.gif. 应该怎么做?
 我自己的想法是在数据查询出来dataset里把status的值 赋值给变量aa,再判断的aa的值,然后路径赋值给 bb ,前台,<td>里面的src=<%=bb%>.结果出来的所有图片都是一样的,也就是bb只取了dataset里面的第一条。
 求大神告知该怎么做, JS 可以实现吗? 求实例,谢谢! JS修改src??动态修改src。
[解决办法]

引用:
引用:你应该做个循环... 比如用 <% while(...) %>

我就是没做循环所以才把src都改成一种, 跪求大神指导怎么循环改掉!


<%= %>跟<%# %>的区别,这是太基本的概念,没有什么代码给你抄。

如果你想了解asp.net的机制,我给你写了一个Demo,自己理解吧:
<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

    public int i;

    protected string GetUrl(int i)
    {
        if (i % 2 == 0)
            return "http://t2.gstatic.com/images?q=tbn:ANd9GcSTwunS5WG8coDuWrl4uXkqRpnwYjPzsa5TDzWVBIfCRYYmYV_mgpmpn34";
        else
            return "http://t2.gstatic.com/images?q=tbn:ANd9GcSvv7bpkq4RbhnU-HsrwWNLpgUT5T-zGT_80WhJnIEfz8LsC4mnN9Fc7s8";
    }

    protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
    {
        if (e.Item.ItemType == ListItemType.Item 
[解决办法]
 e.Item.ItemType == ListItemType.AlternatingItem)
        {
            var x = e.Item.DataItem;
            var t = x.GetType();
            var p = t.GetProperty("i");
            i = (int)p.GetValue(x, null);
        }
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <table border="1">
        <asp:Repeater ID="Repeater1" runat="server" DataSourceID="ObjectDataSource1" OnItemDataBound="Repeater1_ItemDataBound">
            <HeaderTemplate>
                <tr>
                    <th>field_1
                    </th>
                    <th>field_2


                    </th>
                </tr>
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td>
                        <asp:Image runat="server" ImageUrl='<%# GetUrl((int)Eval("i")) %>' />
                        <br />
                        <asp:Label ID="Label1" runat="server" Text='<%# Eval("i") %>' />
                    </td>
                    <td>
                        <img src='<%= GetUrl(i) %>' alt="JS批改img的src" /><br />
                        <%= i %>
                    </td>
                </tr>
            </ItemTemplate>
            <FooterTemplate>
                <tr>
                    <td colspan="2">比较一下吧!
                    </td>
                </tr>
            </FooterTemplate>
        </asp:Repeater>
    </table>
    <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" TypeName="TestRepeater" SelectMethod="Select"></asp:ObjectDataSource>
</body>
</html>


[解决办法]
<%# eval("status","{0}.gif") %>

热点排行