@Html.DevExpress().DropDownEdit(settings => { settings.Name = "psBankCharge"; settings.ControlStyle.Border.BorderColor = System.Drawing.Color.LightGray; settings.Width = System.Web.UI.WebControls.Unit.Percentage(100); settings.Height = System.Web.UI.WebControls.Unit.Pixel(34); settings.ControlStyle.CssClass = "form-control dx-dropdown"; settings.Properties.NullText = @Utils.GetTranslation("Select") + " " + @Utils.GetTranslation("Bank Charge"); settings.Properties.NullTextStyle.CssClass = ":-moz-placeholder"; settings.Properties.DropDownWindowStyle.BackColor = System.Drawing.Color.FromArgb(0xEDEDED); settings.SetDropDownWindowTemplateContent(c => { @Html.DevExpress().ListBox( listBoxSettings => { listBoxSettings.Name = "lbBankCharge"; listBoxSettings.ControlStyle.Border.BorderWidth = 0; listBoxSettings.ControlStyle.BorderBottom.BorderWidth = 1; listBoxSettings.ControlStyle.Border.BorderColor = System.Drawing.Color.LightGray; listBoxSettings.ControlStyle.BorderBottom.BorderColor = System.Drawing.Color.FromArgb(0xDCDCDC); listBoxSettings.Height = System.Web.UI.WebControls.Unit.Pixel(200); listBoxSettings.Width = System.Web.UI.WebControls.Unit.Percentage(99.99); listBoxSettings.Properties.SelectionMode = ListEditSelectionMode.CheckColumn; listBoxSettings.Properties.ClientSideEvents.SelectedIndexChanged = "function(s, e){ ListBoxMultipleSelectionChanged(psBankCharge, s, e);}"; listBoxSettings.Properties.ValueType = typeof(string); listBoxSettings.Properties.Items.Add("(Select all)"); foreach (ListEditItem item in (System.Collections.IEnumerable)ViewData["BankCharge"]) { listBoxSettings.Properties.Items.Add(item.Text, item.Value); } } ).Render(); ViewContext.Writer.Write(" "); @Html.DevExpress().Button( buttonSettings => { buttonSettings.Name = "btnCloseBankCharge"; buttonSettings.Text = "Close"; buttonSettings.ControlStyle.CssClass = "btn btn-default"; buttonSettings.ClientSideEvents.Click = "function(s, e){ psBankCharge.HideDropDown(); }"; } ).Render(); ViewContext.Writer.Write(" "); }); settings.DisabledStyle.BackColor = System.Drawing.Color.FromArgb(0xEEEEEE); settings.Properties.AnimationType = DevExpress.Web.AnimationType.None; settings.Properties.ClientSideEvents.TextChanged = "function(s, e){ SynchronizeListBoxMultipleValues(s, lbBankCharge); }"; settings.Properties.ClientSideEvents.DropDown = "function(s, e){ SynchronizeListBoxMultipleValues(s, lbBankCharge); }"; }).GetHtml()
//选中指定的Item,
SelectItemByValue(cboModalDepCode,lboModalDepCode,Value);全部取消选中(多选)
ResetListBox(cboSearchDepCode, lboSearchDepCode);
全部取消选中(单选)
ResetSingleListBox(cboSearchDateOption,lboSearchDateOption);
获取选中的值(单选)
GetValuesByTexts(GetSelectedItemsText_Single(lboModalPackType.GetSelectedItems()), lboModalPackType);
获取选中的值(多选)
GetValuesByTexts(GetSelectedItemsText(lbBraCode.GetSelectedItems()).split(gs_TextSeparator),lbBraCode)
var gs_TextSeparator = ",";function UpdateSelectAllItemState(ao_lbListBox) { IsAllSelected(ao_lbListBox) ? ao_lbListBox.SelectIndices([0]) : ao_lbListBox.UnselectIndices([0]);}function IsAllSelected(ao_lbListBox) { for (var i = 1; i < ao_lbListBox.GetItemCount() ; i++) if (!ao_lbListBox.GetItem(i).selected) return false; return true;}function UpdateText(ao_lbListBox, ao_ddlDropDown, ab_IsSingle) { if (ab_IsSingle) ao_ddlDropDown.SetText(GetSelectedItemsText_Single(ao_lbListBox.GetSelectedItems())); else ao_ddlDropDown.SetText(GetSelectedItemsText(ao_lbListBox.GetSelectedItems()));}function GetSelectedItemsText(aa_Items) { var la_Texts = []; for (var i = 0; i < aa_Items.length; i++) if (aa_Items[i].index != 0) la_Texts.push(aa_Items[i].text); return la_Texts.join(gs_TextSeparator);}function GetSelectedItemsText_Single(aa_Items) { var la_Texts = []; for (var i = 0; i < aa_Items.length; i++) la_Texts.push(aa_Items[i].text); return la_Texts;}function GetValuesByTexts(aa_Text, ao_lbListBox) { var la_ActualTexts = []; var ls_Item; for (var i = 0; i < aa_Text.length; i++) { ls_Item = ao_lbListBox.FindItemByText(aa_Text[i]); if (ls_Item != null) { la_ActualTexts.push( ls_Item.value ); } else { la_ActualTexts.push(""); } } return la_ActualTexts;}function GetQuotesValuesByTexts(aa_Text, ao_lbListBox,as_Quotes) { var la_ActualTexts = []; var ls_Item; for (var i = 0; i < aa_Text.length; i++) { ls_Item = ao_lbListBox.FindItemByText(aa_Text[i]); if (ls_Item != null) { la_ActualTexts.push(as_Quotes + ls_Item.value + as_Quotes); } else { la_ActualTexts.push(""); } } return la_ActualTexts;}function GetTextsByValues(aa_Value, ao_lbListBox) { var la_ActualTexts = []; var ls_Item; for (var i = 0; i < aa_Value.length; i++) { ls_Item = ao_lbListBox.FindItemByValue(aa_Value[i]); if (ls_Item !== null) la_ActualTexts.push(ls_Item.text); } return la_ActualTexts;}function SelectItemByValue(ao_ddlDropDown, ao_lbListBox, as_Value) { for (var i = 0; i < ao_lbListBox.GetItemCount() ; i++) { if (ao_lbListBox.GetItem(i).value == as_Value) { ao_lbListBox.SetSelectedIndex(i); break; } } UpdateText(ao_lbListBox, ao_ddlDropDown, true);}function SetSelectItemByText(ao_ddlDropDown, ao_lbListBox, as_Text) { for (var i = 0; i < ao_lbListBox.GetItemCount() ; i++) { if (ao_lbListBox.GetItem(i).text == as_Text) { ao_lbListBox.SetSelectedIndex(i); break; } } UpdateText(ao_lbListBox, ao_ddlDropDown, true);}function SynchronizeListBoxValues(ao_ddlDropDown, ao_lbListBox) { var la_Texts = ao_ddlDropDown.GetText().split(gs_TextSeparator); var la_Values = GetValuesByTexts(la_Texts, ao_lbListBox); ao_lbListBox.SelectValues(la_Values); UpdateText(ao_lbListBox, ao_ddlDropDown, true);}function ListBoxSelectionChanged(ao_ddlDropDown, ao_lbListBox) { UpdateText(ao_lbListBox, ao_ddlDropDown, true); ao_ddlDropDown.HideDropDown();}function InitDropDown(ao_ddlDropDown, ao_lbListBox) { ao_lbListBox.SetSelectedIndex(0); UpdateText(ao_lbListBox, ao_ddlDropDown, true);}function ListBoxMultipleSelectionChanged(ao_ddlDropDown, ao_lbListBox, ao_lbListBoxEvent) { if (ao_lbListBoxEvent.index === 0) ao_lbListBoxEvent.isSelected ? ao_lbListBox.SelectAll() : ao_lbListBox.UnselectAll(); UpdateSelectAllItemState(ao_lbListBox); UpdateText(ao_lbListBox, ao_ddlDropDown, false);}function SynchronizeListBoxMultipleValues(ao_ddlDropDown, ao_lbListBox) { ao_lbListBox.UnselectAll(); var la_Texts = ao_ddlDropDown.GetText().split(gs_TextSeparator); var la_Values = GetValuesByTexts(la_Texts, ao_lbListBox); ao_lbListBox.SelectValues(la_Values); UpdateSelectAllItemState(ao_lbListBox); UpdateText(ao_lbListBox, ao_ddlDropDown, false);}function ResetListBox(ao_ddlDropDown, ao_lbListBox) { ao_lbListBox.UnselectAll(); ao_ddlDropDown.SetText(null);}function ResetSingleListBox(ao_ddlDropDown, ao_lbListBox) { ao_lbListBox.SetSelectedIndex(0); UpdateText(ao_lbListBox, ao_ddlDropDown, true);}