1

いくつかのテーブルのデータを表示するリピーターコントロールを使用しています。リピーターの各行には、アイコン（赤/黄/緑の円）と説明の2つの列が含まれています。

目標を設定する必要があります。最初の目標は、同じリピーターを作成することです。これは、水平にする必要があります。2番目の目標は、各アイコン（赤/緑/黄色の円）をボタンにして、アイコンの1つを押すと、イベントが発生するようにすることです（Response.Write（ "Green is押された"）;

手伝って頂けますか？

4

1 に答える 1

2

li水平にするために、リストをinlinecssトリックとして使用できます。そのための完全なコード：

<head runat="server">
    <style type="text/css">
    #navlist li
    {
        display: inline;
        list-style-type: none;
        padding-right: 20px;
    }   
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="navcontainer">
    <ul id="navlist">
    <asp:Repeater ID="Repeater1" runat="server">
        <ItemTemplate>
            <li>Some text and my id: <%# GetID(Container.DataItem) %></li>
        </ItemTemplate>
    </asp:Repeater>
    </ul>
    </div>
    </form>
</body>
</html>

およびコードビハインド：

public partial class Dokimes_StackOverFlow_HorizontialRepeater : System.Web.UI.Page
{
    List<int> oMainIds = new List<int>();

    protected void Page_Load(object sender, EventArgs e)
    {
        for (int i = 0; i < 10; i++)
        {
            oMainIds.Add(i);
        }

        Repeater1.DataSource = oMainIds;
        Repeater1.DataBind();
    }

    public int GetID(object oItem)
    {
        return (int)oItem;
    }
}

次のようなレンダリングがあります。

一部のテキストと私のID：0一部のテキストと私のID：1一部のテキストと私のID：2一部のテキストと私のID：3一部のテキストと私のID：4一部のテキストと私のID：5一部のテキストと私のID：6一部テキストと私のID：7いくつかのテキストと私のID：8いくつかのテキストと私のID：9

于 2012-10-28T16:15:22.017 に答える