Question

我一直试图通过设置runat="server"并给它id来调用服务器端的图像。但由于某种原因，我不能在服务器端调用它。

以下是代码：

<div class="row">
     <div class="col-lg-12" style="padding-left: 50px;">
          <img id="portalimage" src="Image/steam_logo.png" style="width: 200px; height: 160px;" runat="server" />
     </div>
</div>

以下是我在服务器端尝试做的事情：

private void CheckForPortal()
{
    int.TryParse(Request.QueryString["ID"], out _gameID);

    string gamePortal = ctr.GetPortal(_gameID);

    if (gamePortal == "Steam")
    {
        //here i want to call the image id
    }
}

等等。基本上我想要的是通过它的id访问图像，以便我可以在服务器端更改图像。但由于某种原因，我无法在服务器端找到portalimage id。

不知道这是否相关。但我正在使用母版页

这是母版页代码。

<body runat="server">
<form id="form1" runat="server">

        <div style="height: 928px; min-height: 400px; width: 1903px; background-color: #ffffff; margin-top: 0px;">
            <div class="navbar navbar-inverse navbar-fixed-top" style="height: 67px; width: 1920px;">
                <div class="container" style="width: 1903px; padding-left: 322px;">
                    <a class="navbar-brand" style="margin-top: -15px;" href="Home.aspx">
                        <img alt="Brand" src="Image/AFGIcon.png" />
                    </a>
                    <div class="container" style="height: 67px; width: 200px; padding-top: 15px; float: left;">
                        <asp:TextBox ID="txtSearch" CssClass="form-control" placeholder="Find a game" Width="196" runat="server"></asp:TextBox>
                    </div>
                    <div class="container" style="height: 67px; width: 48px; padding-top: 15px; float: left;">
                        <asp:Button ID="btnSearch" CssClass="btn btn-success" runat="server" Text="Go" />
                    </div>

                    <ul class="nav navbar-nav navbar-right" style="margin-right: 950px; margin-top: 10px;">
                        <li><a href="AllGames.aspx">Games</a></li>
                        <li><a href="AboutUs.aspx">About us</a></li>
                        <li><a href="Contact.aspx">Contact</a></li>
                    </ul>

                </div>
            </div>

            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </div>

</form>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="/Scripts/JavaScript.js"></script>
<script src="Scripts/videoScript.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.2/fotorama.js"></script>

Answer 1

好的，所以我现在让我工作了。这是因为控件嵌套在转发器中，所以这就是我想出来的。

private void CheckForPortal()
{
    int.TryParse(Request.QueryString["ID"], out _gameID);

    string gamePortal = ctr.GetPortal(_gameID);

    foreach (RepeaterItem item in repGameInfo.Items)
    {

        Image img = (Image)item.FindControl("portalimage");

        if (gamePortal == "Steam")
        {
            img.Attributes["src"] = ResolveUrl("http://localhost:16899/Image/steam_logo.png");
        }
        else if (gamePortal == "Origin")
        {
            img.Attributes["src"] = ResolveUrl("~/Image/origin_logo.png");
        }
        else if (gamePortal == "Uplay")
        {
            img.Attributes["src"] = ResolveUrl("~/Image/UPLAY_logo_-_Small.png");
        }
        else if (gamePortal == "Battle.net")
        {
            img.Attributes["src"] = ResolveUrl("~/Image/battleNet-logo.png");
        }
    }        
}

我必须为转发器项目中的控件创建一个循环和chek，然后我使用类型图像的变量，然后我可以找到id。谢谢你的帮助。

Answer 2

您的图片是否也包含runat =＆＃34; server＆＃34;属性？如果没有那就是为什么它不起作用。此外，您可以像这样访问源属性：

portalimage.Src = "";

希望这有帮助。

瓦德

编辑：我还想提一下，ASP.Net服务器控件也需要在runat =＆＃34;服务器的表单元素中。＆＃34;

在服务器端ASP.NET上无法访问由id映像

2 个答案: