DevExpress MVC 17.1如何在LargeDataComboBox中調用ValueChange事件時打開彈出窗口

Question

我需要在調用LargeDataComboBox的ValueChanged事件時（當我單擊下拉列表中的某行時）彈出窗口顯示。

_searchPanel.cshtml

@Html.DevExpress().ComboBox(
    settings => 
    { 
     settings.Name = "comboBoxSearchPanel"; 
     settings.Height = 30; 
     settings.SelectedIndex = 0; 
     settings.Properties.DropDownStyle = DropDownStyle.DropDown; 
     settings.CallbackRouteValues = new { Controller = "SearchPanel", Action = "SearchPanel" }; 
     settings.Properties.CallbackPageSize = 30; 
     settings.Properties.IncrementalFilteringMode = IncrementalFilteringMode.Contains; 
     settings.Properties.FilterMinLength = 2; 
     settings.Properties.ClearButton.DisplayMode = ClearButtonDisplayMode.OnHover; 
     settings.Properties.ValueField = "id_usuario"; 
     settings.Properties.ValueType = typeof(string); 
     settings.Properties.TextFormatString = "{0} {1}"; 
     settings.Properties.Columns.Add(column => 
     { 
      column.FieldName = "iduser"; 
      column.Caption = "User"; 
     }); 
     settings.Properties.Columns.Add(column => 
     { 
      column.FieldName = "fullname"; 
      column.Caption = "FUllName"; 
      column.Width = 175; 
     }); 
     settings.Properties.ClientSideEvents.ValueChanged = "function(s, e) { OnValueChangeSearchPanel(s, e)}"; 
    } 
).BindList(Model).GetHtml() 

函數，其中ValueChanged事件被稱爲

function OnValueChangeSearchPanel(s, e) { 
     var x = s.GetSelectedItem().text.split(" "); 
     console.log(x[0]); 
//I need to replace the alert with a popup 
     alert(x[0]); 
    } 

_popupWindow.cshtml它應該如何工作

@Html.DevExpress().PopupControl(settings => 
{ 
    settings.Name = "popupUser"; 
    settings.AllowDragging = true; 
    settings.ShowOnPageLoad = true; 
    settings.CloseAction = CloseAction.CloseButton; 
    settings.HeaderText = "User"; 
    settings.SetContent(() => 
    { 
     ViewContext.Writer.Write(
      "<h1>" + "Welcome" + "</h1>" 
     ); 
    }); 

圖

Answer 1

下面的代碼執行招

function OnValueChangeSearchPanel(s, e) { 
     var x = s.GetSelectedItem().text.split(" "); 
     popupUser.Show(); 
    } 

你的助手應該是這樣的（完整代碼here）

@Html.DevExpress().PopupControl(settings => 
{ 
    settings.Name = "popupUser"; 
    settings.AllowDragging = true; 
    settings.ShowOnPageLoad = true; 
    settings.EnableClientSideAPI = true; 
    settings.CloseAction = CloseAction.CloseButton; 
    settings.PopupAction = PopupAction.None; 
    settings.HeaderText = "User"; 
    settings.SetContent(() => 
    { 
     ViewContext.Writer.Write(
      "<h1>" + "Welcome" + "</h1>" 
     ); 
    });