jquery-chosen 插件 - 在所选项目上显示 'X'
jquery-chosen plugin - display 'X' on selected item
我正在使用 jquery-选择的插件。它是一个多选列表框。它工作正常。但我希望所选项目在项目旁边有一个 'X' ,以便用户可以根据需要删除它。默认操作是退格。
哪个属性包含每个选定项目的 'X'?
这是我的 jquery 代码:
<script type="text/javascript">
$(document).ready(function () {
$(".chosen-select").chosen({
search_contains: true,
no_results_text: "Sorry, no match!",
single_backstroke_delete: false,
allow_single_deselect: true
});
$('.chosen-container').css('width', '600px');
});
这是我的列表框代码:
<asp:ListBox ID="lstBoxTo" runat="server" SelectionMode="Multiple"
data-placeholder="Choose recipient(s)…" class="chosen-select">
</asp:ListBox>
目前,我正在使用 'single-backstroke-delete' 属性,但我想在所选值旁边添加一个 'X'。
你如何配置它?
谢谢。
更新
我相信我的问题是需要将 .png 文件 'chosen-sprite.png' 添加到项目中。 chosen.css 引用了它。我将它添加到我的图像文件夹并将所有路径更改为 'Image/chosen-sprite.png' 但它仍然不起作用。
在 .css 文件的顶部有一条注释不要 'hand edit the file'。
有谁知道如何将图像文件添加到项目中以便它可以看到它?
阅读文档 here,您似乎需要将 multiple
属性添加到您的 asp:ListBox
。
<asp:ListBox ID="lstBoxTo" runat="server" SelectionMode="Multiple"
multiple data-placeholder="Choose recipient(s)…"
class="chosen-select">
</asp:ListBox>
如果 ASP.Net 反对具有没有值的属性 (multiple
),您可以尝试 multiple="true"
看看是否可行。
免责声明:这是阅读文档的全部内容。我自己没试过。
我将选择的 -sprite.png 添加到包含 chose.css 文件的文件夹中,它工作正常。
我正在使用 jquery-选择的插件。它是一个多选列表框。它工作正常。但我希望所选项目在项目旁边有一个 'X' ,以便用户可以根据需要删除它。默认操作是退格。 哪个属性包含每个选定项目的 'X'? 这是我的 jquery 代码:
<script type="text/javascript">
$(document).ready(function () {
$(".chosen-select").chosen({
search_contains: true,
no_results_text: "Sorry, no match!",
single_backstroke_delete: false,
allow_single_deselect: true
});
$('.chosen-container').css('width', '600px');
});
这是我的列表框代码:
<asp:ListBox ID="lstBoxTo" runat="server" SelectionMode="Multiple"
data-placeholder="Choose recipient(s)…" class="chosen-select">
</asp:ListBox>
目前,我正在使用 'single-backstroke-delete' 属性,但我想在所选值旁边添加一个 'X'。 你如何配置它?
谢谢。
更新
我相信我的问题是需要将 .png 文件 'chosen-sprite.png' 添加到项目中。 chosen.css 引用了它。我将它添加到我的图像文件夹并将所有路径更改为 'Image/chosen-sprite.png' 但它仍然不起作用。
在 .css 文件的顶部有一条注释不要 'hand edit the file'。
有谁知道如何将图像文件添加到项目中以便它可以看到它?
阅读文档 here,您似乎需要将 multiple
属性添加到您的 asp:ListBox
。
<asp:ListBox ID="lstBoxTo" runat="server" SelectionMode="Multiple"
multiple data-placeholder="Choose recipient(s)…"
class="chosen-select">
</asp:ListBox>
如果 ASP.Net 反对具有没有值的属性 (multiple
),您可以尝试 multiple="true"
看看是否可行。
免责声明:这是阅读文档的全部内容。我自己没试过。
我将选择的 -sprite.png 添加到包含 chose.css 文件的文件夹中,它工作正常。