0

テキストボックスとボタンが1つあり、ユーザーが値を入力して送信ボタンを押すと、その値が同じビューの剣道UIグリッドに表示される必要があります..

この目的のために、私はこのようにしました.....

これは私のモデルです.. 

namespace KendoSampleMVCApp.Models
{
    public class TextBoxGrid
    {
        public string EnteredValue { get; set; }    
        public List<EmployeeDetails> employees;    
    }
    public class EmployeeDetails
    {
        public string EmployeeId { get; set; }
        public string ManagerId { get; set; }    
    }
}

これが私のコントローラーです

namespace KendoSampleMVCApp.Controllers
{
    public class EnterValuesGridController : Controller
    {     
        public ActionResult Index( TextBoxGrid model)
        {
            return View(GetEmployee());
        }
        [HttpPost]
        public ActionResult PostValues(TextBoxGrid model)
        {
            TempData["enteringValue"] = model.EnteredValue;
            return View(model);                
        }    
        public  IEnumerable<EmployeeDetails> GetEmployee()
        {
            string enteredValueId =(string) TempData["enteringValue"];
            string managerId = "M" +enteredValueId;
            List<EmployeeDetails> empdtls = new List<EmployeeDetails>();
            EmployeeDetails em1 = new EmployeeDetails();
            em1.EmployeeId = enteredValueId;
            em1.ManagerId = managerId;
            empdtls.Add(em1);
            return empdtls;
        }    
        public ActionResult Orders_Read([DataSourceRequest]DataSourceRequest request)
        {
            return Json(GetOrders().ToDataSourceResult(request));
        }    
        private  IEnumerable<EmployeeDetails> GetOrders()
        {
            return GetEmployee();
        }   
    }
}

これが私の見解です

@model KendoSampleMVCApp.Models.TextBoxGrid
@{
    ViewBag.Title = "Index";
}
<h2>Index</h2>
@using (Html.BeginForm("PostValues","EnterValuesGrid",FormMethod.Post))
{ 
     <div>
   <fieldset>
        <legend>Enter Textbox Value</legend>

        <div class="editor-field">
            @Html.TextBoxFor(m=>m.EnteredValue) 
        </div>
        <p>           
            <input type="submit" name="Submitbutton1" value="Submit1" />                     
        </p>
    </fieldset>
  </div>
}    
@model IEnumerable<KendoSampleMVCApp.Models.EmployeeDetails> <-----  error at this line    
<h2>Index</h2>
@using (Html.BeginForm())
{ 
    @(Html.Kendo().Grid<KendoSampleMVCApp.Models.EmployeeDetails>()    
    .Name("grid")
    .Columns(columns => {
        columns.Bound(p => p.EmployeeId).Filterable(false).Width(100);
        columns.Bound(p => p.ManagerId).Filterable(false).Width(100);        
    })
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .HtmlAttributes(new { style = "height:430px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Read(read => read.Action("Orders_Read", "EnterValuesGrid"))
     )
  )
}

この行でエラーが発生して@model IEnumerable<KendoSampleMVCApp.Models.EmployeeDetails> います

パーサー エラー メッセージ: 1 つのファイルで使用できる 'model' ステートメントは 1 つだけです。

このエラーが発生する理由を教えてください...同じビューで2つのモデルを使用できませんか....

どうもありがとう ...

編集：私のモデルでこのようにすることはできますか...

 public class ParentViewModel
 { 
      public EmployeeDetails EmployeeDetails { get; set; }
       public TextBoxGrid TextBoxGrid { get; set; }
 }
4

1 に答える 1

8

答えはノーです。1 つのビューで 2 つのモデルを使用することはできません。そして、あなたがそうしなければならない理由はありません。ビューモデルの要点は、対応するビューのすべてのデータを格納するように設計されていることです。

クラスを作成し、EnterValuesViewModel両方のビジネス エンティティから必要なすべてのデータを使用してインスタンス化します。次に、このクラスにビューを入力します。

public class EnterValuesViewModel
{
    public string EnteredValue { get; set; }
    public List<EmployeeDetailsViewModel> Employees { get; set; }
}

public class EmployeeDetailsViewModel
{
    public string EmployeeId { get; set; }
    public string ManagerId { get; set; }
}

意見：

@model EnterValuesViewModel

@Html.TextBoxFor(m=>m.EnteredValue)

@foreach(EmployeeDetailsViewModel emp in Model.Employees)
{
    @* Stuff about each employee goes here *@
}

または、部分ビューを見てください。

于 2013-08-01T08:06:10.060 に答える