jquery 插件 - 选择 - 多选不是列在一行而是列

Question

我正在尝试配置我的 ListBox 以使用 jquery 插件，选择了 1.4。

我从数据库中获取了 ListBox 的值，并在后面的代码中将每个项目添加到 ListBox 中，效果很好：

 //Populate the Recipient ListBox 
 DataTable tdtRecipients = new DataTable();
 tstrXmlTableData = m_pagingClient.GetRecipientList(m_strUserID);
 tdtRecipients = ParseXML(tstrXmlTableData);

  // string tstrRecipientLst = string.Empty;
  foreach (DataRow row in tdtRecipients.Rows)
  {
       lstBoxTo.Items.Add(row["Name"].ToString());                      
   }

ListBox 的样式很长，如果需要还可以添加垂直滚动条。这是来自样式 sheet:

 #lstBoxTo
{
    width: 620px;
    height: 40px;
    overflow: scroll;
}

控件设置在面板内：

 <asp:Panel ID="pnlTo" runat="server" CssClass="basicRow" ClientIDMode="Static">
     <asp:Label ID="lblTo" runat="server"  CssClass="labelText" Text="To: " 
                ClientIDMode="Static"></asp:Label>
     <asp:ListBox ID="lstBoxTo" runat="server" SelectionMode="Multiple"  
                ClientIDMode="Static" ></asp:ListBox>
     </asp:Panel>

这是 javascript 使用和配置所选插件：

<script type="text/javascript">
    $(window).load(function () {
      $("#lstBoxTo").data("placeholder", "Choose recipient(s)...").chosen();
    });
</script>

ListBox 显示的宽度不如样式sheet 指示的那么宽，而是仅与最长的选择一样宽。该列表采用项目符号格式，当您进行多项选择时，它们不是在一行中而是在项目符号列中。占位符 'Choose recipient(s)' 未显示，但默认占位符 'Select option'.

我希望列表框显示在网站上，http://harvesthq.github.io/chosen/，用于多选。但是不知道要设置什么选项，怎么设置。

如有任何帮助，我们将不胜感激。

谢谢。更新删除 ClientIDMode 属性并将高度和宽度添加到属性后，ListBox 显示正确。但在演示中，ListBox 应以 'Choose Recipients' 开头，并且在您键入时列表如下所示。列表显示在列表框中。

Answer 1

我想通了... 我错过了选择的样式 sheet。添加：
到我的 Site.Master 文件，它工作正常。

希望这对像我这样的新手有帮助！！

jquery 插件 - 选择 - 多选不是列在一行而是列

jquery plugin - chosen - multiple selection not listing in a row but a column

javascript

jquery-plugins

jquery-chosen