ASP.Net的標記列表控件

Question

你們中有沒有人知道ASP.Net的輕量級列表控件，可以在其中水平地添加標記的項目？ 像這樣：

Answer 1

你必須喜歡

 function addMore() { $("div").append("<span>New Badge</span>"); } 

 span{ background-color:#7F7F7F; padding:5px; border-radius:10px; margin:5px; display:inline-block; color:white; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <span>jQuery</span> <span>ajax</span> <span>c#</span> <span>Html</span> <span>Java</span> </div> <input type="button" onclick="addMore();" value=" + "> 

使用asp.net Literal控制將使您處於span 。

Answer 2

我使用了RadAutoCompleteBox，它具有所需的完整功能。 感謝Telerik。

http://docs.telerik.com/devtools/aspnet-ajax/controls/autocompletebox/overview

編輯：添加了對Telerik的ASP.Net和示例代碼的引用：

<telerik:RadAutoCompleteBox runat="server" ID="KeywordsAutoComplete"
Width="100%" OnLoad="KeywordsAutoComplete_Load" OnClientEntryAdding="restrictDuplicateEntry"
EmptyMessage="Type keywords..."
CssClass="autocompletebox control transition-025"
AllowCustomEntry="true" />

<script type="text/javascript">
    // Restrict Duplicate Entry
    function restrictDuplicateEntry(sender, eventArgs) {
                var entries = sender.get_entries(),
                count = entries.get_count();

                for (var i = 0; i < count; i++) {           
                    if (entries.getEntry(i).get_text() == eventArgs.get_entry().get_text())
                    {
                        eventArgs.set_cancel(true);
                        return;
                    }
                }
            }
</script>

C＃：

protected void KeywordsAutoComplete_Load(object sender, EventArgs e)
{
    DataTable dt; // Binding Data (For Lookup)
    KeywordsAutoComplete.DataSource = dt;
    KeywordsAutoComplete.DataBind();
}