DropDownList со скриптом Java

Question

DropDownList со скриптом Java

1

Я надеюсь, что разработчики могут поддержать меня, у меня есть минимальный опыт использования java-скрипта.

После исследования и нескольких попыток я смог загрузить выпадающий список с данными из запроса LINQ и передать в качестве параметра значение текстового поля.

То, что я не мог сделать, - это выполнить запрос Linq, чтобы получить два поля (Id и значение), отправить их в раскрывающийся список и показать значение, но после того, как вы сможете использовать Id этого поля, чтобы использовать его в создании, в настоящее время я может показывать только значение, но мне нужен ИД.

Посмотреть

@Html.TextBox("CP", "", new { @id = "txtCP", @onchange = "FillOption();", @placeholder = "Codigo Postal" })
@Html.DropDownList("Asentamientos", ViewBag.Drop as List<SelectListItem>)

скрипт

<script>
    function FillOption() {
        var CP = $('#txtCP').val();
        $.ajax({
            type: "Post",
            url: "/Home/GetAsentamiento",
            data: { CP: CP },
            dataType: 'json',
            success: function (data) {
                $("#Asentamientos").empty();
                for (var i = 0; i < data.length; i++) {
                    $('#Asentamientos').append('<option value=' + data[i].Value + '>' + data[i].Text + '</option > ');
                }
            }
        });
    }
</script>

Контроллеры

 public ActionResult Index()
        {
            List<SelectListItem> drop = new List<SelectListItem>
            {
            };
            ViewBag.Drop = drop;
            return View();

        }

        [HttpPost]
        public ActionResult GetAsentamiento(string CP)
        {
            var drop2 = (from p in db.CodigosPostales where p.CodigoPostal == CP select p.Asentamiento).ToList();
            SelectList lista = new SelectList(drop2);
            ViewBag.lista = lista;
            return Json(ViewBag.lista);
        }

Я думаю о чем-то вроде

 [HttpPost]
        public ActionResult GetAsentamiento(string CP)
        {
            var drop2 = (from p in db.CodigosPostales where p.CodigoPostal == CP select new { p.IdCodigoPostal,p.Asentamiento}).ToList();
            SelectList lista = new SelectList(drop2);
            ViewBag.lista = lista;
            return Json(ViewBag.lista);
        }

но я не знаю, как будет обрабатываться идентификатор и значение

Спасибо

Omar Alejandro Rodrguez Mrquez 25 июль 2018, в 21:02

Источник

Теги:

c#

javascript

asp.net-mvc

drop-down-menu

3 ответа

Ещё вопросы

Phil Golding · Answer 1 · 2018-07-25T18-41-00.000Z

Я подозреваю, что ваша проблема связана с извлечением данных из результата API. Вы устанавливаете новое свойство в ViewBag, а затем возвращаете свойство ViewBag. Это действительно не требуется, и вместо этого вы должны просто вернуть список, перечислите его так: (Примечание: и SelectItemList имеет свойство "Элементы", которое содержит все элементы, которые вы добавили):

 [HttpPost]
        public ActionResult GetAsentamiento(string CP)
        {
            var drop2 = (from p in db.CodigosPostales where p.CodigoPostal == CP select new { p.IdCodigoPostal,p.Asentamiento}).ToList();
            SelectList lista = new SelectList(drop2);
            return Json(lista.Items);
        }

Это должно вернуть только хороший список ListItems. Вы также можете просто изменить jQuery для циклического перехода через свойство items, например:

<script>
    function FillOption() {
        var CP = $('#txtCP').val();
        $.ajax({
            type: "Post",
            url: "/Home/GetAsentamiento",
            data: { CP: CP },
            dataType: 'json',
            success: function (data) {
                $("#Asentamientos").empty();
                for (var i = 0; i < data.Items.length; i++) {
                    $('#Asentamientos').append('<option value=' + data.Items[i].Value + '>' + data.Items[i].Text + '</option > ');
                }
            }
        });
    }
</script>

Также стоит отметить, что я не совсем согласен с возвратом таких элементов списка - лично у вас должен быть класс, который сопоставляется с классом слоя данных, и возвращать его список, а не SelectListItems. Затем ваше приложение должно сделать то, что он хочет с данными.
Используя этот способ, я получаю список со значениями в контроллере, но в представлении сценарий не показывает значения, не заполняет раскрывающийся список.
Какой вариант вы выбрали? Возвращая свойство Items в контроллере или обращаясь к свойству Items в JS?
Возврат свойства Items в контроллере работает для меня, внесите только некоторые изменения. Добавьте свойство Value и Text в запрос.

Matthew Newton · Answer 2 · 2018-07-25T18-06-00.000Z

Если я правильно понял ваш вопрос, я думаю, вам нужно называть поля объекта, который вы создаете, с выражением Linq, чтобы он выглядел примерно так:

[HttpPost]
    public ActionResult GetAsentamiento(string CP)
    {
        var drop2 = (from p in db.CodigosPostales where p.CodigoPostal == CP select new { id = p.IdCodigoPostal, value = p.Asentamiento}).ToList();
        SelectList lista = new SelectList(drop2);
        ViewBag.lista = lista;
        return Json(ViewBag.lista);
    }

Вот несколько примеров: https://code.msdn.microsoft.com/LINQ-to-DataSets-09787825#SelectAnonymousTypes1

Затем вы можете получить доступ к этим полям из javascript с data[i].id и data[i].value. Надеюсь, это поможет.

Я пытаюсь найти решение, однако, когда я помещаю его в выпадающий список, он рисует всю текстовую строку, {id = 1, value = Loc}, если я использую data [i] .id и data [i] .value в сценарии. пришлите мне "undefined" en значение
Хорошо. Просто чтобы уточнить, используете ли вы сейчас <option value = '+ data [i] .id +'> '+ data [i] .value +' </ option> '. Извините за наименование там, может быть, было бы лучше назвать «значение» Asentamiento или что-то
Извините, после небольшого исследования я вижу, что неправильно понял несколько вещей о SelectList и ViewBag. Чтобы это работало, вам, возможно, придется сделать то, что предложено @Phil Golding, и вернуть только список drop2.
Спасибо за вашу помощь, я изменил имя ti data [i] .id и data [i] .value или data [i] .asent (тоже меняется в контроллере), но если я не использую data [i]. Текст результата не определено

Omar Alejandro Rodrguez Mrquez · Answer 3 · 2018-07-26T16-54-00.000Z

Благодаря коду, код работает следующим образом

контроллер

 [HttpPost]
    public ActionResult GetAsentamiento(string CP)
    {
        var drop2 = (from p in db.CodigosPostales where p.CodigoPostal == CP select new { Value = p.IdCodigoPostal, Text= p.Asentamiento }).ToList();
        SelectList lista = new SelectList(drop2);
        return Json(lista.Items);
    }

скрипт

<script>
function FillOption() {
    var CP = $('#txtCP').val();
    $.ajax({
        type: "Post",
        url: "/Home/GetAsentamiento",
        data: { CP: CP },
        dataType: 'json',
        success: function (data) {
            $("#Asentamientos").empty();
            for (var i = 0; i < data.length; i++) {
                $('#Asentamientos').append('<option value=' + data[i].Value + '>' + data[i].Text + '</option > ');
            }
        }
    });
}