Я создал пользовательский интерфейс, как показано ниже: Когда пользователь выбирает страну из раскрывающегося списка, тогда представление возвращается динамически. В этом представлении есть имя штата, список важных городов и текстовое поле для ввода комментариев.ASP.NET MVC - Передача пользовательского ввода от View к контроллеру
Теперь, когда пользователь выбирает несколько значений (более одного) из выпадающих списков, вводит некоторые комментарии и затем нажимает кнопку «Отправить», эти данные должны быть переданы контроллеру для дальнейшей обработки.
Ниже моя модель:
public class CountryModel
{
public string Country { get; set; }
public string State { get; set; }
public List<string> Cities { get; set; }
public static IEnumerable<CountryModel> GetLocationDetails()
{
return new List<CountryModel>()
{
new CountryModel { Country = "India", State = "WB", Cities = new List<string>(){ "Kolkata", "Kharagpur", "Darjeeling" } },
new CountryModel { Country = "India", State = "AP", Cities = new List<string>(){ "Hyderabad", "Vizag", "Vijaywada" } },
new CountryModel { Country = "India", State = "UP", Cities = new List<string>(){ "Kanpur", "Allahabad", "Agra" } },
new CountryModel { Country = "India", State = "MH", Cities = new List<string>(){ "Mumbai", "Pune", "Nagpur", "Nasik", "Aurangabad" } },
new CountryModel { Country = "India", State = "RJ", Cities = new List<string>(){ "Jaipur", "Kota", "Jaisalmer" } },
new CountryModel { Country = "USA", State = "CA", Cities = new List<string>(){ "San Francisco", "Los Angeles", "Oakland" } },
new CountryModel { Country = "USA", State = "WA", Cities = new List<string>(){ "Seattle", "Bellevue", "Yakima" } },
new CountryModel { Country = "USA", State = "NY", Cities = new List<string>(){ "New York City", "Buffalo", "Albany" } },
};
}
public List<SelectListItem> Countries { get; set; }
public string Comments { get; set; }
}
Ниже код контроллера:
public class CountryController : Controller
{
public ActionResult Select()
{
CountryModel viewmodel = new CountryModel();
viewmodel.Countries = new List<SelectListItem>()
{
new SelectListItem { Text = "India", Value = "India", Selected = true },
new SelectListItem { Text = "USA", Value = "USA" }
};
return View(viewmodel);
}
public JsonResult GetCountryDetails(string id)
{
var query = from c in CountryModel.GetLocationDetails()
where c.Country == id
select c;
return Json(new { query }, JsonRequestBehavior.AllowGet);
}
}
и вид, как показано ниже:
model MvcApplication2.Models.CountryModel
@{
ViewBag.Title = "Select";
}
<h2>Select</h2>
@using (Html.BeginForm())
{
@Html.Label("Select a Country: ")
@Html.DropDownListFor(m => m.Countries, Model.Countries)
<div id="dynamictable"></div>
<script type="text/javascript">
$(document).ready(function() {
$('#Countries').change(function() {
var url = '/Country/GetCountryDetails/' + $('#Countries').val();
$.getJSON(url, function (result) {
if (result.query.length > 0) {
if ($('#tblResult').length) {
$('#tblResult').remove();
}
$('#dynamictable').append('<table border="1" id="tblResult"></table>');
var table = $('#dynamictable').children();
table.append('<th>State</th> <th>City</th> <th>Comments</th>');
var random = 1;
$.each(result.query, function (i, location) {
var ddlId = "citiesInState";
var finalDdlId = ddlId.concat(random.toString());
var markup = '<tr class="locationInfo"><td class="stateCode">' + location.State + '</td><td class="citiesList"><select id="' + finalDdlId + '"></select></td><td class="userCommentsOnLocation">@Html.TextBoxFor(m=>m.Comments)</td></tr>';
table.append(markup);
var option = '';
for (var i = 0; i < location.Cities.length; i++) {
$('#' + finalDdlId).append('<option value="' + location.Cities[i] + '">' + location.Cities[i] + '</option>');
}
random++;
});
}
});
});
});
</script>
<br />
<input type="submit" value="Submit" id="SubmitId" />
}
вопрос он re - это только комментарии передаются контроллеру. Но ни одно выбранное значение из выпадающего списка не передается контроллеру. Ниже приведен метод POST.
[HttpPost]
public ActionResult Select(CountryModel cm)
{
if (cm == null)
{
throw new ArgumentNullException("cm");
}
return View("Display", cm);
}
Как получить все выбранные значения в контроллере? Любая помощь приветствуется.
Я никогда не думал, что обеспечение этого будет работать ... – SKJ