【发布时间】:2015-01-08 19:24:15
【问题描述】:
我有一个 ListBox,我在上面应用了一个 Chosen Jquery 插件。所以在页面加载时,我去数据库并绑定项目。这适用于其所有自动完成功能等。然后我将这些值更新到数据库。
当我重新加载这个项目时,我想取之前保存的值并使其成为选定的项目。
我可以获得需要将 Selected Proprty 设置为 true 的 ListItems 。但是当我尝试下面的代码时,没有任何反应。框为空,未选择任何项目。我怎么能这样。有没有办法从后面的 C# 代码开始?
foreach (ListItem li in mySelectedListItemCollection)
{
if (li.Selected)
{
ddlMultiSelect.Items.FindByValue(li.Value).Selected = true
}
}
我的控件看起来像
<%@ Control Language="C#" CodeBehind="Edit.ascx.cs" blah blah %>
<asp:ListBox ID="ddlMultiSelect" SelectionMode="Multiple" data-placeholder="Choose…" class="chosen-select" multiple Style="width: 350px;" runat="server">
</asp:ListBox>
<form>
<script type="text/javascript">
var config = {
'.chosen-select': {},
'.chosen-select-deselect': { allow_single_deselect: true },
'.chosen-select-no-single': { disable_search_threshold: 10 },
'.chosen-select-no-results': { no_results_text: 'Oops, nothing found!' },
'.chosen-select-width': { width: "95%" }
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
</script>
</form>
<header>
<script type="text/javascript">
$(document).ready(function () {
$("#<%=ddlMultiSelect.ClientID %>").change(function () {
var arr = $(this).val();
if (typeof arr === 'object' && arr instanceof Array) {
document.getElementById('<%=lbltest.ClientID%>').value = arr.toString();
}
else { document.getElementById('<%=lbltest.ClientID%>').value = ""; }
console.log(arr)})
});
</script>
</header>
基本上在 DataBound 事件中,我想重置保存在 DB 中的选定项目。 PS:我使用的是 Chosen 1.3 , ASP.NET 4.0
提前致谢
【问题讨论】:
-
ddlMultiSelect.SelectedIndex = ddlMultiSelect.Items.IndexOf(ddlMultiSelect.Items.FindByValue(li.Value));试一试
标签: javascript asp.net jquery-chosen