Kendo TabStrip:如何将不同模型的部分视图传递给Tbstrip mvc3

本文关键字：视图 mvc3 Tbstrip 模型 TabStrip Kendo | 更新日期: 2023-09-27 18:04:06

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");**
    })    
)

在第二个选项卡中，我想显示一个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]' '在第二个选项卡中不能使用另一个模型吗?我怎么能解决这个问题??

`

有我的GrilleRubriqueFixe List: ' 

@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 list ()｛试一试{

    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)

{试一试｛//下拉列表设置listrubrque 

      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.");
  }

}'

Kendo TabStrip:如何将不同模型的部分视图传递给Tbstrip mvc3

而不是试图传递模型。通过这种方式，传递您正在处理的模型的Id(我假设此时这是一个只读模型)，并让控制器加载模型。

这是我的例子，我有一个partialview，我将加载到一个tabstrip。

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);
}

我也有一个例子，我只是显示一个剑道网格，所以部分视图加载没有@model语句在顶部(我填充我需要在ViewBag中获得的Id)，但然后网格触发一个Ajax方法来填充网格内容。

相关文章：