Question

我无法发布图片因为我的声誉低于10，所以我会尝试设计请尝试理解

我的设计就像

| A | B | C | ........ | Z |

我需要根据用户点击的字母表执行搜索。如何以非常简单的方式完成此操作，如何设计我的页面，如asp.net中的图像所示。

我有一个想法，就像把按钮放在每个字母表上但这是一个很长的程序所以，请你帮助我。

感谢，

普尔纳

Answer 1

请检查一下。

protected void Page_Load(object sender, EventArgs e)
    {
        for (int i = 0; i < 26; i++)
        {
            Button btn = new Button();
            btn.ID = "btn" + i.ToString();
            btn.Text = ((char)('A' + i)).ToString();
            btn.CommandArgument = ((char)('A' + i)).ToString();
            btn.Click += btn_Click;
            dv.Controls.Add(btn);
        }
    }
    private void btn_Click(object sender, object arg)
    {
        Div1.InnerHtml += "\nClicked : " + ((Button)sender).ID;
        Div1.InnerHtml += "<br/>arg : " + ((Button)sender).CommandArgument;
    }

CSS

#dv input[type="submit"] 
{
 height: 20px; 
 width: 30px; 
 margin: 2px; 
 color: blue; 
 float: left; 
 }

另一种方法是使用Listview。

<asp:ListView ItemPlaceholderID="Test" runat="server" ID="ListView1" > 

            <ItemTemplate> 
                <div class ="btn-search">
                <asp:Button ID="Button1" runat="server" Text='<%# Container.DataItem %>' CommandArgument='<%# Container.DataItem %>' /><br /> 
                </div>
            </ItemTemplate> 
        </asp:ListView>  
        <asp:Literal runat="server" ID="Literal1"></asp:Literal> 



 protected void Page_Init(object sender, EventArgs e)
    {
        ListView1.ItemCommand += new EventHandler<ListViewCommandEventArgs>(ListView1_ItemCommand);
    }

    void ListView1_ItemCommand(object sender, ListViewCommandEventArgs e)
    {
        Literal1.Text = "You clicked the " + (String)e.CommandArgument + " button";
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            var list = Enumerable.Range('A', 'Z' - 'A' + 1).Select(charCode => (char)charCode).ToList();
            ListView1.DataSource = list;
            ListView1.DataBind();
        }
    }

我认为这可能对你有所帮助。

如何在asp.net中执行以下设计操作

1 个答案: