1

私はこれを持っています：

@Html.DropDownList("centres", (List<SelectListItem>)ViewData["centres"])

そして、プログラムの実行中に JQuery を使用して、SQL でデータベースに入力されたデータで更新する必要があります。

jQuery(function ($) {
    jQuery("body").on('click', "#create", function () {
        $.getJSON("/Centres/updateList", function (results1) {
// perform update here using results1 from jsonresult updateList in Controller class
        });
    });
});

results1 は、MVC コントローラー クラスの List です。これらの新しい結果で既存の html ドロップダウンリストを編集できるようにしたいと思います。現在、selectListItems のリストが表示されますが、コントローラ クラスの updateList では、作成したばかりの新しいセンターに基づいて、新しいリストを作成しています。私の Controller クラスメソッドは次のようになります。

public JsonResult updateList()
{
    List<SelectListItem> centres = new List<SelectListItem>();
    SqlConnection conn = new SqlConnection(@"Data Source=(LocalDB)\v11.0;AttachDbFilename=C:\Users\Michael\Documents\Visual Studio 2012\Projects\OneEightyWebApp\OneEightyWebApp\App_Data\OneHoldings.mdf;Integrated Security=True");
    SqlCommand cmd = new SqlCommand("SELECT Centre.Centre_Name, Count(Shop_No) AS Shop_Count FROM Centre LEFT JOIN Space ON Centre.Centre_Name = Space.Centre_Name GROUP BY Centre.Centre_Name;", conn);
    DataTable dt = new DataTable();
    SqlDataAdapter da = new SqlDataAdapter(cmd);
    conn.Open();
    da.Fill(dt);
    conn.Close();
    for (int i = 0; i < dt.Rows.Count; i++)
    {
        centres.Add(new SelectListItem { Text = dt.Rows[i].ItemArray.GetValue(0).ToString(), Value = dt.Rows[i].ItemArray.GetValue(1).ToString() });
    }
    return Json(centres, JsonRequestBehavior.AllowGet);
}

何か案は？

4

2 に答える 2

2

jqueryを使用してドロップダウンリストを再構築できます

$.getJSON("/Centres/updateList", function (results1) {
   //Clear out the old values
   $("#centres").empty();
   //Add the input items back in
   $.each(results1, function (key, val) {
      $("#centres").append($("<option></option>").attr("value", val.Value).text(val.Text));
   });
});

MVC を使用する利点の 1 つは、生成される html が非常に単純であり、単純な jQuery コマンドで簡単に再現できることです。

于 2013-03-27T23:24:53.933 に答える
0

attr 関数は繰り返し使用できるため、次の方法で選択を事前に設定できます。

if(val.Selected) {
  $("#centres").append($("<option></option>")
      .text(val.Text)
      .attr("value", val.Value)
      .attr("selected", "selected"));
}
于 2013-03-28T09:04:23.477 に答える