C# と SQL Server 2005 を使用して ASP .Net MVC 3 アプリケーションを開発しています。
ビューには、JQuery スクリプトを追加する「Enregistrer」ボタンがあります。
このスクリプトは、DropDownList 'Poste' から選択された項目を削除するために使用されます。
このボタンには、「ListG」という名前のリストにいくつかの値を保存する目的があります。
ボタンは問題なく動くのに、スクリプトを追加すると状況が変わりボタンが動かなくなって動かなくなってしまう問題。
私の問題のシナリオ:
- ユーザーが「ドロップダウンリスト」ポストで何かを選択します
- ユーザーがフォームに記入する
- ユーザー ヒット登録者
- javascript は、選択した項目をポストから削除します
フォームはアクションに送信されます
行動は何かをする
- アクションは大量のデータを含むビューを返します
- ビューがレンダリングされ、すべてのオプションが再度 poste に表示されます
問題は、アクションでアイテムを削除する必要があることです。
正確には：
PostesItems と ListG の 2 つのコレクションがあります。既に ListG にある PostesItems 投稿から削除する必要があります。
ビュー内のコードは次のとおりです。
<%@ Language="C#" Inherits="System.Web.Mvc.ViewUserControl<MvcApplication2.Models.FlowViewModel>" %>
<% using (Html.BeginForm("Save", "ProfileGa")) { %>
<%: Html.ValidationSummary(true) %>
<fieldset class="parametrage">
<legend>Gestion de Gamme</legend>
<div>
<%:Html.Label("Poste :")%><%: Html.DropDownListFor(model => model.SelectedPoste, Model.PostesItems, new { @id = "poste" })%>
<div>
<%:Html.Label("Nombre de Passage :")%><%: Html.EditorFor(model=>model.Nbr_Passage)%>
</div>
<div class="editor-field">
<%: Html.ValidationMessageFor(model => model.Nbr_Passage)%>
</div>
<div>
<%:Html.Label("Position :")%><%: Html.EditorFor(model=>model.Position)%>
</div>
<div>
<%:Html.Label("Poste Suivant :")%><%: Html.DropDownListFor(model => model.PosteSuivantSelected, Model.PostesItems, new { @id = "dd" })%>
</div>
<div>
<input type="submit" value="Enregistrer" id="btnSave" />
</div>
<script type="text/javascript">
$(function () {
$('#btnSave').click(function () {
$('#poste option:selected').remove();
});
});
</script>
これはモデルのコードです:
public class FlowViewModel
{
[Key]
public string IDv { get; set; }
[NotMapped]
public SelectList PostesItems { get; set; }
public List<Gamme> GaItems { get; set; }
public string SelectedPoste { get; set; }
public string PostePrecedentSelected { get; set; }
public string PosteSuivantSelected { get; set; }
public string Position { get; set; }
public string Nbr_Passage { get; set; }
[NotMapped]
public List<Gamme> ListG {get;set;}
}
そして最後にコントローラーのコード:
[HttpGet]
public ActionResult Index()
{
var viewModel = new FlowViewModel();
viewModel.PostesItems = new SelectList(db.Postes.ToList(), "ID_Poste", "ID_Poste");
viewModel.Profile_GaItems = db.Profil_Gas.ToList();
viewModel.GaItems = db.Gammes.ToList();
viewModel.ListG = (List<Gamme>)System.Web.HttpContext.Current.Session["GammeList"];
return View(viewModel);
}
[HttpPost]
public ActionResult Save(FlowViewModel model)
{
if (ModelState.IsValid)
{
Gamme G = new Gamme();
G.ID_Gamme = model.SelectedProfile_Ga;
G.ID_Poste = model.SelectedPoste;
G.Next_Posts = model.PosteSuivantSelected;
G.Nbr_Passage = int.Parse(model.Nbr_Passage);
G.Position = int.Parse(model.Position);
((List<Gamme>)System.Web.HttpContext.Current.Session["GammeList"]).Add(G);
var list = ((List<Gamme>)System.Web.HttpContext.Current.Session["GammeList"]);
}
return RedirectToAction("Index");
}
私が試す解決策：
次の行をコントローラーのメソッド インデックスに追加します。
viewModel.PostesItems.Where(x => !viewModel.ListG.Contains(x)).ToList();
しかし、コンパイルのエラーがあります!