ASP.Net的Badged列表控件

Question

是否有人知道ASP.Net的輕量級列表控件，我可以在水平線上添加標籤項？事情是這樣的：

Answer 1

我使用了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(); 
} 

Answer 2

你要做像

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。