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的样式很长，如果需要可以添加垂直滚动条。这来自样式表：

 #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不会显示样式表所示的宽度，但只能与最长的选择一样宽。该列表采用项目符号格式，当您进行多项选择时，它们不是连续的，而是一个弹出的列。占位符“选择收件人”未显示，但默认占位符“选择选项”。

我希望列表框在网站http://harvesthq.github.io/chosen/上显示为多个选择。但我不知道要设置什么选项或如何设置它们。

非常感谢任何帮助。

感谢。的更新删除ClientIDMode属性并将高度和宽度添加到属性后，ListBox正确显示。但是在演示中，ListBox应该以“选择收件人”开头，并在键入时显示如下所示的列表。列表显示在列表框中。

Answer 1

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

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

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

1 个答案: