Question

我一直在编写一个小型网站，对数据库进行检查，然后创建一组自定义按钮，当点击它们时，它们会重定向到不同的本地IP地址。

到目前为止，我已经让转发器填充并显示网站上的按钮，但是尽管我尝试了，但我无法让网站重定向甚至触发on_click事件。

这是我到目前为止相关的内容

<script runat ="server">
    Sub Button_Click()
        TextBox1.Text = "test"
        Response.Redirect("http://www.musicsystems.com")
    End Sub
</script>
<style>
        .ams-button {
            border: 0;
            cursor: pointer;
            height: 60px;
            line-height: 60px;
            margin: .25em;
            margin-left: .5em;
            position: relative;
        }

        .ams-button-edge {
            border: 0;
            float: left;
            height: 60px;
            line-height: 60px;
            margin: 0;
            padding: 0;
            max-width: 30px;
            min-width: 30px;
            width: 30px;
        }

        .ams-button-left {
            background: url(Content/images/z1/parts/left.png) no-repeat center center;
        }

        .ams-button-middle {
            background: url(Content/images/z1/parts/middle.png) repeat-x center center;
            border: 0;
            float: left;
            height: 60px;
            line-height: 60px;
            margin: 0;
            padding: 0;
            max-width: 11em;
            min-width: 11em;
            width: 11em;
        }

        .ams-button-right {
            background: url(Content/images/z1/parts/right.png) no-repeat center center;
        }

        .ams-button-text {
            color: #fff;
            font-size: 15px;
            font-weight: bold;
            height: 50px;
            line-height: 50px;
            margin: 0 21px;
            overflow: hidden;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
        }
    </style>

<form id="form1" runat="server" onclick="Button_Click()">
            <asp:Repeater ID="btnlist" runat="server">
                <HeaderTemplate>
                </HeaderTemplate>
                <ItemTemplate>
                    <div title="<%#Container.DataItem(1)%>" class="ams-button" >
                        <div class="ams-button-edge ams-button-left"></div>
                        <div class="ams-button-middle" >
                            <div class="ams-button-text" runat="server" ><%#Container.DataItem(0)%></div>
                        </div>
                        <div class="ams-button-edge ams-button-right"></div>
                    </div>
                </ItemTemplate>
                <FooterTemplate>
                </FooterTemplate>
            </asp:Repeater>

            <br />
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </form>

非常感谢任何人的帮助

Answer 1

首先，您应确保拥有有效的语法。变化

<script runat ="server">

到

<script runat="server">

然后，您应该使用Web窗体按钮控件创建一个按钮。把它放在ItemTemplate中。如果需要，可以通过CssClass属性应用正确的css。

<asp:Button runat="server" OnClick="Button_Click" Text="Click me" />

同时更改

Sub Button_Click()

到

Protected Sub Button_Click(sender As Object, e As EventArgs)

这将为其提供正确的签名，以便它可以找到事件处理程序。

网站重定向在Repeater内

1 个答案: