1

私は2つのモデルを持っています:

public class ProfessorModels
{
    public string FullName { get; set; }
    public int ID { get; set; }
}

public class ClassModels
{
    public int ID { get; set; }
    public string Professor { get; set; }
    public decimal Name { get; set; }
}

私のビューには、クラスを追加するフォームがあります:

@model MvcApp.Models.ClassModels

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>ClassModels</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

クラス ビューにドロップダウン メニューを追加して、利用可能なすべての教授を一覧表示したいと考えています。教授はデータベースにあり、コントローラーからデータベースを簡単に呼び出して、すべての教授をリスト/配列にロードできます。jQueryを使用してドロップダウンに教授を入力する方法について助けが必要です。

4

2 に答える 2

8

コントローラーで:

    [HttpGet]
    public virtual JsonResult LoadInfo()
    {
        var query = _repository.GetInformation(); //Here you return the data. 
        return Json(query, JsonRequestBehavior.AllowGet);
    }

次に、あなたの見解で:

<select id="info"></select>

次に、jQuery を使用してドロップダウンをロードします

function LoadInfo() {

    $.getJSON("@Url.Action(MVC.ControllerName.MethodName())", null,
        function (data) {

            $("#info").empty();

            $.each(data, function () {
                $("#info").append($("<option />").val(this.Id).text(this.Name));
            });

        });
}

これは、Id と Name がオブジェクトのプロパティであることを前提としています。ロードしているドロップダウンに応じて、ID と FullName を使用できます。また、T4MVC を使用してさまざまなメソッド名を取得します。

お役に立てれば、

于 2012-07-04T01:58:57.873 に答える
3

教授のリストを返すactionメソッドを用意する

public ActionResult GetProfessors()
{
  var professorList=repo.GetProfessors(); //get list of professor object
  return Json(professorList,JsonRequestBehavior.AllowGet);
}

今あなたのビューで、ドロップダウンを持っています

<select id="listProfessors"></select>

jQuery ajax を使用して、ドキュメントreadyイベントでこの要素にデータをロードします。以下のスクリプトをビューに追加します。

<script type="text/javascript">
  $(function(){
    var items="";
    $.getJSON("@Url.Action("GetProfessors","YourControllerName")",function(data){

        $.each(data,function(index,item){
           items+="<option value='"+item.ID+"'>"+item.FullName+"</option>";
        });
        $("#listProfessors").html(items);
    });

  });    
</script>

コントローラー名がYourControllerであり、jQuery がこのページに適切にロードされていると仮定します。

于 2012-07-03T19:21:38.367 に答える