javascript - jquery 插件 - 选择 - 多项选择不是在行中列出而是在列中列出

Question

我正在尝试配置我的列表框以使用 jquery 插件，选择 1.4。

我从数据库获取列表框的值，并将每个项目添加到后面代码中的列表框，效果很好:

 //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());                      
   }

列表框的样式很长，并在需要时添加垂直滚动条。这是来自样式表:

 #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>

列表框的显示宽度并不像样式表指示的那么宽，而只是与最长的选择一样宽。该列表采用项目符号格式，当您进行多个选择时，它们不是在一行中，而是在一个项目符号列中。未显示占位符“选择收件人”，但显示默认占位符“选择选项”。

我希望列表框显示在网站上，http://harvesthq.github.io/chosen/ , 用于多项选择。但我不知道要设置哪些选项或如何设置它们。

任何帮助将不胜感激。

谢谢。更新删除 ClientIDMode 属性并向属性添加 Height 和 width 后，ListBox 将正确显示。但在演示中，列表框应以“选择收件人”开头，并在您键入时显示如下列表。该列表显示在列表框中。

Answer 1

我明白了...我缺少所选的样式表。添加:
到我的 Site.Master 文件，它工作正常。

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