MVC 4 DropdownList ausgewählt Wert und übergeben den Wert an die Steuerung durch den ActionLink

Ich habe eine Ansicht mit der folgenden.

    @model Scheduling.ViewModel.ReportsViewModel
    @Styles.Render("~/Content/themes/base/minified/jquery-ui.min.css")
    @Scripts.Render("~/Scripts/Reports.js")
    @{
        ViewBag.Title = "Index";
    }

    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />

   @using (Html.BeginForm("ViewReport","Report", FormMethod.Post)) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Reports</legend>
        <div class="editor-field">
          @Html.DropDownListFor(model => model.SelectedReport, Model.ReportList, new { id = "ui_ddlReportsList", style = "width: 25%;" })
        </div>
        <div id ="ui_div_BroadcastReportFilters">
           @Html.Label("Start Date:")
            @Html.EditorFor(model => model.StartDate, new{id = "ui_txt_StartDate" })


        </div>
        <p>
            <input id="ui_btn_RunReport" type="submit" value="Run Report" />  

        </p>

    </fieldset>
}

In meinem controller habe ich

namespace Planung.Controller
{
public class ReportController : Controller
{

    private SchedulingEntities db = new SchedulingEntities();
    //
    //GET: /Report/

     public ActionResult Index()
{
    var reportViewModel = new ReportsViewModel();


    return View("Index", reportViewModel);
}    

    ///<summary>
    ///Start method
    ///</summary>
    ///<returns></returns>
    public ActionResult Start()
    {
        return Index();
    }

  public ActionResult ViewReport(ReportsViewModel reportsViewModel)
{

    //ViewData["ArReport"] =
    Reports.ReportList report = 0;
    //if (Enum.IsDefined(typeof(Reports.ReportList), reportsViewModel.SelectedReport.pkReportID))
    //{
    //   report = ((Reports.ReportList)reportsViewModel.ReportID);

    //}



    var arReport = GenerateReport.RunReport(report);
    ViewBag.ArReport = arReport;
    return View("ViewReport"); //, new ReportDescriptor { Id = id, Type = reporttype });
}

}

}

Meiner Ansicht Modell ist wie folgt

public class ReportsViewModel
    {
        private SchedulingEntities db = new SchedulingEntities();

        public Reports SelectedReport { get; set; }

        public SelectList ReportList { get; set; }

        public string StartDate { get; set; }

        public string EndDate { get; set; }

        public ReportsViewModel()
        {
            PopulateReports();

        }

        public void PopulateReports()
        {
            var reports = db.Reports.Where(r => r.IsActive).OrderBy(r => r.ReportOrder).ToList();
            if (reports.Any())
            {
                SelectedReport = reports[0];
            }
            ReportList = new SelectList(reports,"pkReportID","ReportName", SelectedReport);//db.Reports.Where(r => r.IsActive).OrderBy(r => r.ReportOrder).ToList();



        }


    }

Update ok ich bin jetzt mit einem view-Modell. Ich kann alle editFor Felder zu füllen, aber die dropdownFor selectedValue ist immer null, wenn es um den controller?

InformationsquelleAutor Spafa9 | 2014-01-06

1

um einen ausgewählten Wert in einen action-link, den Sie brauchen, um jquery verwenden. also aus Ihrer Sicht ändern
```
@Html.ActionLink("Run Report", "ViewReport", "Report",new { reportID = Model.pkReportID}, null)
```
zu
```
<a class="linkButton" href="#">Report</a>
```
und dann in deinem javascript -
```
$('#pkReportID').on('change', function(){
    var url = '@Url.Action("Run Report", "ViewReport",new { reportID = "----"})'.replace("----", $('#pkReportID').val());
    $('.linkButton').attr('href', url);
});
```
wird sich das ändern der href des Links anhand des ausgewählten Elements in der dropdown-Liste. Lassen Sie mich wissen, wenn Sie irgendwelche Fragen haben.
- Danke für die schnelle Antwort macht da. weil Sie die link-schaltäche wird nur gerendert, einmal beim laden, also es hält, dass dieser Wert korrekt ist. Nach dem Gespräch mit anderen Entwicklern, ich glaube, ich brauche zum erstellen von viewModel und gehen diesen Weg. Komme zurück zu dieser, wenn diese route funktioniert nicht. Danke!!!
InformationsquelleAutor Matt Bodily

Ok es herausgefunden. Was ich Tat, war in meinem controller habe ich aufgefüllt, der dropdownlist. in meinem viewModel ich habe alle Eigenschaften, die ich brauchen, um passieren, um die nächste Ansicht.

Dies ist mein controller-code

  public ActionResult Index()
        {

           var reportList =  PopulateReports();
           var reportViewModel = new ReportsViewModel { ReportList = reportList };


            return View("Index", reportViewModel);
        }


        ///<summary>
        ///Start method
        ///</summary>
        ///<returns></returns>
        public ActionResult Start()
        {
            return Index();
        }

    ///<summary>
    /// Returns View ReportViewer.cshtml
    ///</summary>
    ///<returns></returns>
        //public ActionResult ViewReport(int reportID, string startDate)
        public ActionResult ViewReport(ReportsViewModel reportsViewModel)
        {

            //ViewData["ArReport"] =
        var report = (ReportsViewModel.ReportNamesList) 0;
        int reportID = int.Parse(reportsViewModel.SelectedReport);
        if (Enum.IsDefined(typeof(ReportsViewModel.ReportNamesList), reportID))
        {
            report = ((ReportsViewModel.ReportNamesList)reportID);

        }



            var arReport = GenerateReport.RunReport(report);
            ViewBag.ArReport = arReport;
            return View("ViewReport", reportsViewModel);
        }


  private SelectList PopulateReports()
        {


            var reports = db.Reports.Where(r => r.IsActive).OrderBy(r => r.ReportOrder).ToList();
            Reports selectedReport = null;
            if (reports.Any())
            {
                selectedReport = reports[0];
            }
            var reportList = new SelectList(reports, "pkReportID", "ReportName", selectedReport);
            //, SelectedReport);//db.Reports.Where(r => r.IsActive).OrderBy(r => r.ReportOrder).ToList();

            return reportList;

        }

Dies ist mein ViewModel

 public class ReportsViewModel
    {
        #region Declaration/Initialization

        private SchedulingEntities db = new SchedulingEntities();

        public enum ReportNamesList
        {
            test1= 1,
            test2= 2,
        }
        #endregion Declaration/Initialization

        #region Properties

        public string FilterEndDate { get; set; }

        ///<summary>
        ///Holds the values of the reports used to populate controls like the dropdownlist.
        ///</summary>
        public SelectList ReportList { get; set; }

        ///<summary>
        ///Holds the selected value of the dropdownlist control.  Needs to be a string or it doesnt work.
        ///</summary>
        public string SelectedReport { get; set; }

        public string FilterStartDate { get; set; }
        #endregion Properties

        #region Constructor

        public ReportsViewModel()
        {
        }

        #endregion Constructor
    }

Dies ist meiner Ansicht

@model Scheduling.ViewModel.ReportsViewModel
@Styles.Render("~/Content/themes/base/minified/jquery-ui.min.css")
@Scripts.Render("~/Scripts/Reports.js")
@{
    ViewBag.Title = "Index";
}

<br />
<br />
<br />
<br />
<br />
<br />
<br />

@using (Html.BeginForm("ViewReport","Report", FormMethod.Post)) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Reports</legend>
        <div class="editor-field">
          @Html.DropDownListFor(model => model.SelectedReport, Model.ReportList, new { id = "ui_ddlReportsList", style = "width: 25%;" })
        </div>
        <div id ="ui_div_BroadcastReportFilters">
           @Html.Label("Start Date:")
            @Html.EditorFor(model => model.FilterStartDate, new{id = "ui_txt_StartDate" })
             @Html.Label("End Date:")
            @Html.EditorFor(model => model.FilterEndDate, new{id = "ui_txt_EndDate" })

        </div>
        <p>
            <input id="ui_btn_RunReport" type="submit" value="Run Report" />  

        </p>

    </fieldset>
}

InformationsquelleAutor Spafa9

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.