ASP.NET MVC-계단식 드롭 다운의 선택된 값을 설정합니다
-
22-08-2019 - |
문제
ASP.NET MVC 응용 프로그램을 사용하고 NHibernate를 사용하고 있습니다.
계단식 드롭 다운 작업 중이며 다음 웹 사이트에서 방법 1을 사용했습니다. 링크 텍스트
모든 것이 올바르게 작동하고 있습니다. 계단식 드롭 다운을 데이터베이스에 저장된 값으로 설정할 수 있는지 궁금했습니다. 예를 들어 목록은 작성 페이지에서 비워 지지만 편집 페이지에서 선택한 값은 데이터베이스의 값으로 설정됩니다.
아래 코드를 업데이트했습니다.
cascadingdropdownlist.js
function bindDropDownList(e, targetDropDownList, selectedValue) {
var key = this.value;
var allOptions = targetDropDownList.allOptions;
var option;
var newOption;
targetDropDownList.options.length = 0;
for (var i = 0; i < allOptions.length; i++) {
option = allOptions[i];
if (option.key == key) {
newOption = new Option(option.text, option.value,selectedValue);
targetDropDownList.options.add(newOption);
}
}
}
javascriptextenstions.cs
public static class JavaScriptExtensions
{
public static string CascadingDropDownList(this HtmlHelper helper, string name, string associatedDropDownList)
{
var sb = new StringBuilder();
// render select tag
sb.AppendFormat("<select name='{0}' id='{0}'></select>", name.Replace("'",""));
sb.AppendLine();
// render data array
sb.AppendLine("<script type='text/javascript'>");
var data = (CascadingSelectList)helper.ViewDataContainer.ViewData[name.Replace("'","")];
var listItems = data.GetListItems();
var colArray = new List<string>();
foreach (var item in listItems)
colArray.Add(String.Format("{{key:'{0}',value:'{1}',text:'{2}'},selected:'{3}'}", item.Key, item.Value,item.Text.Replace("'",""),item.Selected));
var jsArray = String.Join(",", colArray.ToArray());
sb.AppendFormat("$get('{0}').allOptions=[{1}];", name.Replace("'",""), jsArray);
sb.AppendLine();
sb.AppendFormat("$addHandler($get('{0}'), 'change', Function.createCallback(bindDropDownList, $get('{1}')));", associatedDropDownList, name.Replace("'",""));
sb.AppendLine();
sb.AppendLine("</script>");
return sb.ToString();
}
}
public class CascadingSelectList
{
private IEnumerable _items;
private string _dataKeyField;
private string _dataValueField;
private string _dataTextField;
private string _dataSelected;
public CascadingSelectList(IEnumerable items, string dataKeyField, string dataValueField, string dataTextField, string dataSelected)
{
_items = items;
_dataKeyField = dataKeyField;
_dataValueField = dataValueField;
_dataTextField = dataTextField.Replace("'","");
_dataSelected = dataSelected;
}
public List<CascadingListItem> GetListItems()
{
var listItems = new List<CascadingListItem>();
foreach (var item in _items)
{
var key = DataBinder.GetPropertyValue(item, _dataKeyField).ToString();
var value = DataBinder.GetPropertyValue(item, _dataValueField).ToString();
var text = DataBinder.GetPropertyValue(item, _dataTextField).ToString().Replace("'","");
var selected = DataBinder.GetPropertyValue(item, _dataSelected).ToString();
listItems.Add(new CascadingListItem(key, value, text.Replace("'",""),selected));
}
return listItems;
}
}
public class CascadingListItem
{
public CascadingListItem(string key, string value, string text, string selected)
{
this.Key = key;
this.Value = value;
this.Text = text.Replace("'","");
this.Selected = selected;
}
public string Key { get; set; }
public string Value { get; set; }
public string Text { get; set; }
public string Selected { get; set; }
}
해결책 2
다음의 도움으로 링크. 계단식 드롭 다운의 선택된 값을 얻을 수있었습니다.
다른 팁
정상 드롭 다운과 같은 선택된 값을 포함하려면 확장 방법을 수정해야합니다.
또한 JavaScript를 수정해야합니다.
function bindDropDownList(e, targetDropDownList) // Need to add extra parameter here.
{
var key = this.value;
var allOptions = targetDropDownList.allOptions;
var option;
var newOption;
targetDropDownList.options.length = 0;
for (var i=0; i < allOptions.length; i++)
{
option = allOptions[i];
if (option.key == key)
{
newOption = new Option(option.text, option.value); // Need to set to selected here
targetDropDownList.options.add(newOption);
}
}
}
추가 매개 변수를 JavaScript 함수로 전달해야합니다.
sb.AppendFormat("$addHandler($get('{0}'), 'change', Function.createCallback(bindDropDownList, $get('{1}')));", associatedDropDownList, name);
제휴하지 않습니다 StackOverflow