Невозможно заполнить список выбора через JQuery.Окружающая среда: MVC3 Razor - PullRequest
Новая
       2

Невозможно заполнить список выбора через JQuery.Окружающая среда: MVC3 Razor

0 голосов
/ 24 ноября 2011

Я использую приложение MVC3 с Razor ViewEngine. У меня есть форма с несколькими RadioButton и SelectBox. На основе выбранной кнопки радио я получаю список областей от контроллера. Этот список затем используется для заполнения списка выбора, указывая заголовок в качестве значения и идентификатор в качестве идентификатора. Проблема в том, что мой список выбора показывает [объект] [объект] вместо названия области. 

<div>
@Using Html.BeginForm()
@<fieldset>
    <div class="editor-field">
        @Html.Label("Airport")
        @Html.RadioButton("Opt1", "AIR", True)
    </div>

    <div class="editor-field">
        @Html.Label("Seaport")
        @Html.RadioButton("Opt1", "SEA", False)
    </div>
    <div class="editor-field">
        @Html.Label("Hotel")
        @Html.RadioButton("Opt1", "HOT", False)
    </div>

    <div class="editor-field">
        @Html.Label("Postcode")
        @Html.RadioButton("Opt1", "PC", False)
    </div>

    <select id="SelectionValues" name="SelectedValue" size="width: 100px">
        <option>
        </option>
    </select>

</fieldset>
End Using

<script type="text/javascript">
$(document).ready(function () {
    $(":checkbox, :radio").click(function () {
        var type = $('form input[type=radio]:checked').val();
        $.ajax({
            url: '/Home/GetAreasByType',
            type: 'POST',
            data: { type: type },
            success: function (result) {
                $('#SelectionValues').empty();
                for (var i = 0; i < result.length; i++) {
                    var opt = new option(result[0, i], result[1, i]);
                    $('#SelectionValues').append(opt);
                }
            }
        });
    });

});
</script>

На стороне контроллера у меня есть следующая функция: 

<HttpPost()>
Function GetAreasByType(ByVal Type As String) As ActionResult
    Debug.WriteLine(Type)
    Dim areas = _areaRepository.GetAreaByType(Type)
    Debug.WriteLine("========================================")
    For Each a In areas
        Debug.WriteLine(a.ID & " " & a.Title & " " & a.Type)
    Next
    Debug.WriteLine("========================================")
    'Return Json(areas, JsonRequestBehavior.AllowGet)
    Return Json(areas)
End Function

ПРИМЕЧАНИЕ. Окно «Вывод» дает правильный результат. РЕЗУЛЬТАТ окна вывода: 

PC
========================================
EC1 4AF EC1 - Westminister PC
RH6 8RJ RH6 8RJ PC
SE18 6HX SE18 6HX PC
SE8 4AF SE8 4AF PC
========================================

На стороне репозитория у меня есть следующее: 

Public Class AreaRepository
    Implements IAreaRepository

    Private _areas As New List(Of Area)

    Sub New()
        _areas.Add(New Area With {.ID = "SE18 6HX", .Title = "SE18 6HX", .Type = "PC"})
        _areas.Add(New Area With {.ID = "SE8 4AF", .Title = "SE8 4AF", .Type = "PC"})
        _areas.Add(New Area With {.ID = "RH6 8RJ", .Title = "RH6 8RJ", .Type = "PC"})
        _areas.Add(New Area With {.ID = "EC1 4AF", .Title = "EC1 - Westminister", .Type = "PC"})

        _areas.Add(New Area With {.ID = "Hot-1", .Title = "Holiday Inn Express", .Type = "HOT"})
        _areas.Add(New Area With {.ID = "Hot-2", .Title = "IBIS Hotel", .Type = "HOT"})
        _areas.Add(New Area With {.ID = "Hot-3", .Title = "Marriot Hotel", .Type = "HOT"})
        _areas.Add(New Area With {.ID = "Hot-4", .Title = "Shariton", .Type = "HOT"})

        _areas.Add(New Area With {.ID = "Sea-1", .Title = "Dover", .Type = "SEA"})
        _areas.Add(New Area With {.ID = "Sea-2", .Title = "Portsmouth", .Type = "SEA"})
        _areas.Add(New Area With {.ID = "Sea-3", .Title = "Plymouth", .Type = "SEA"})

        _areas.Add(New Area With {.ID = "Air-1", .Title = "Gatwick", .Type = "AIR"})
        _areas.Add(New Area With {.ID = "Air-2", .Title = "Heathrow", .Type = "AIR"})
        _areas.Add(New Area With {.ID = "Air-3", .Title = "Luton", .Type = "AIR"})
    End Sub


    Public Function GetAreaByType(Type As String) As System.Collections.Generic.List(Of Area) Implements IAreaRepository.GetAreaByType
        Dim var = (From a In _areas
                   Order By a.Title Ascending
                   Where a.Type = Type
                   Select a).ToList()
        Return var
    End Function
End Class

Пожалуйста, руководство, что я делаю не так? Заранее спасибо.

1 Ответ

1 голос
/ 24 ноября 2011

1001 * попробовать * 

 success: function (result) {
    $('#SelectionValues').empty();               
    $.each(result, function (index, elem) {
        $('#SelectionValues').append(
           $("<option/>").attr("value", elem.ID)
                            .text(elem.Title)
                    );
                });
               }

также установите dataType:'json', чтобы полученный json был проанализирован

...