Kendo TabStrip:如何将具有不同Model的局部视图传递给Tbstrip mvc3

时间:2014-05-20 07:58:52

标签: c# asp.net-mvc-3 kendo-tabstrip

i created a kendo Tabstrip in a kendo  popup window as it's shown here: 

   @model NeoPaie.ViewModels.GrilleSalaireVM
@using Kendo.Mvc.UI;
@using NeoPaie.ViewModels;

<div class="popupError"></div>

@(Html.Kendo().TabStrip()
 .HtmlAttributes(new { style = "width:430px;height:400px" })
.Name("tabstrip")
.SelectedIndex(0)
.Items(items =>
    {
        items.Add()
            .Text("Grille De Salaire")
            .Content(@Html.Partial("Gestion De La Grille").ToHtmlString());
        items.Add()
            .Text("Fiche Administartive")
        **.LoadContentFrom("Liste", "GrilleRubriqueFixe");**
    })    
)
在seceond标签中我想显示一个 GrilleRubriqueFixe ****列表:一个带有crud方法的剑道网格:但是这个异常发生了:The model item passed into the dictionary is of type 'System.String', but this dictionary requires a model item of type 'System.Collections.Generic.IEnumerable 1 [NeoPaie.ViewModels。 GrilleSalaireVM]&#39;` 是不是可以在第二个标签中使用另一个模型?我该怎么办?

`

我的 GrilleRubriqueFixe列表:`

@model  IEnumerable<NeoPaie.ViewModels.GrilleRubriqueFixeVM>
@using Kendo.Mvc.UI;

@{
    ViewBag.Title = "Rubrique Fixes";

}

@section  headerView {
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")"></script>
    <link href="@Url.Content("~/Content/Edit.css")" rel="stylesheet" />
<script type="text/javascript" src="~/Scripts/Common/Edit.js"></script>

}

<h2>Rubrique Fixes</h2>


@(Html.Kendo().Grid(Model)
    .Name("Grid")
    .HtmlAttributes(new { style = "width:500px;height:300px" })
    .Editable(editing =>

{
            editing.Mode(GridEditMode.InCell).TemplateName("PopupEditors/PopupGrilleRubriqueFixe")
            .Window(w => w.Title("NeoPaie : Ajouter/Modifier une RubriqueFixe").Width(400).Height(350));

            editing.DisplayDeleteConfirmation("Êtes-vous sûr de vouloir supprimer RubriqueFixe?");
        })
    .ToolBar(commands =>
    {
        commands.Create().Text("Ajouter").HtmlAttributes(new { style = "width:100px;float:right" });

    })
     .DataSource(dataSource => dataSource
            .Ajax()
            .Read("Read", "GrilleRubriqueFixe")
            .Create("Save","GrilleRubriqueFixe")
            .Update("Save", "GrilleRubriqueFixe")
            .Destroy("Delete", "GrilleRubriqueFixe")
           .Model(model => model.Id(p => p.Grille_Rubrique_FixeId))

           .Events(e => e.RequestEnd("OnKendoGridSaveEnd").Error("OnKendoGridPopupListSaveError"))
             )
             .Columns(columns =>
    {
        columns.Bound(p => p.Grille_Rubrique_FixeId).Groupable(false).Hidden();
        columns.Bound(p => p.CODE).Width(50).Title("Rubrique");
        columns.Bound(p => p.VALEUR).Width(100).Title("Valeur");

        columns.Bound(p => p.LIBELLE).Width(300).Hidden();
        columns.Bound(p => p.RubriqueId).Width(100).Hidden();
        columns.Bound(p => p.GrilleId).Width(100).Hidden();

        columns.Command(command => command.Destroy().Text(" ")).Width(60).Title("Supprimer").HtmlAttributes(new { style = "text-align:center" });
        columns.Command(command => command.Edit().Text(" ")).Width(60).Title("Modifier").HtmlAttributes(new { style = "text-align:center" });

    })

    .Scrollable()
            .Selectable(selectable => selectable
                .Mode(GridSelectionMode.Single)
                .Type(GridSelectionType.Row))

    .Navigatable()

    )
   and my GrilleRubriqueFixe Controller:

public ActionResult Liste()   {     尝试       {

    List<GrilleRubriqueFixeVM> lstVM = ServiceApplicatif.GetListe().OrderBy(x => x.RubriqueId).ToList();

    //  Drop Down List des listRubrique

     IEnumerable<RubriqueVM> listRubrique = RefDataManager.GetRefData<RubriqueVM>() as IEnumerable<RubriqueVM>;

     ViewData["CodeRubrique"] = new SelectList(listRubrique, "RubriqueId", "CODELIBELLE");

     return PartialView(lstVM);
    }
   catch (Exception ex)
   {
        LoggerGrilleRubriqueFixe.Error(string.Format("Exception : {0}", ex.Message.ToString()));
        throw new Exception("Erreur lors du chargement.");
   }
}

[HttpPost]
public JsonResult Read([DataSourceRequest] DataSourceRequest dsRequest)

{       尝试       {           //下拉列表des listRubrique

      IEnumerable<RubriqueVM> listRubrique = RefDataManager.GetRefData<RubriqueVM>() as IEnumerable<RubriqueVM>;
      if (listRubrique.Any())
      {
          ViewBag.idrub = listRubrique.First().RubriqueId;
      }

      ViewData["Rubrique"] = new SelectList(listRubrique, "RubriqueId", "CODELIBELLE");
      List<GrilleRubriqueFixeVM> lstVM = ServiceApplicatif.GetListe().OrderBy(x => x.GrilleId).ToList();

      return Json(lstVM.ToDataSourceResult(dsRequest));
  }
  catch (Exception ex)
  {
      LoggerGrilleRubriqueFixe.Error(string.Format("Exception : {0}", ex.Message.ToString()));
      throw new Exception("Erreur lors du chargement.");
  }

}     `

1 个答案:

答案 0 :(得分:1)

不是试图以这种方式传递model.children,而是传递您正在使用的模型的Id(我假设此时这是一个只读模型),并让控制器加载模型。

这是我的例子,我有一个部分视图,我将加载到制表符。

tabstrip.Add()
   .Text("P11D")
   .LoadContentFrom("Dashboard_P11D", "Vehicle", 
            new { VehicleId =  ViewBag.VehicleId });

然后我的控制器完成了繁重的工作以获得模型。

public PartialViewResult Dashboard_P11D(string vehicleId)
{
   VehicleP11DData p11d = this.vehicleP11DDataRepo.Read(this.UserProfile, vehicleId);
   return PartialView(p11d);
}

我还有一个例子,我只是显示一个Kendo网格,所以部分视图加载,顶部没有@model语句(我填充了我需要在ViewBag中获取的ID),但是网格触发一个Ajax方法来填充网格内容。