Question

我想在Ajax Kendo TabStrip中放置一个Ajax Kendo Grid，但网格永远不会显示它的任何值。（即使FireBug控制台指示值已正确获取...）

这是一个已知问题吗？

提前致谢。

这是我的代码：

Ajax Kendo TabStrip：

@(Html.Kendo().TabStrip()
.Name("portailClientsTabStrip")
    //.HtmlAttributes(new { style="height:100%" })
.Animation(animation =>
{
    animation.Enable(true);
    animation.Open(config =>
    {
        //config.Expand();
        config.Fade(FadeDirection.In);
        config.Duration(AnimationDuration.Fast);
    });
})
.Items(tabstrip =>
{
    tabstrip.Add().Text("Livraisons")
        .Selected(true)
        .LoadContentFrom(Url.Content("Livraison"));

    tabstrip.Add().Text("Remplissage")
        .LoadContentFrom(Url.Content("Remplissage"));

    tabstrip.Add().Text("Expéditions")
        .LoadContentFrom(Url.Content("Expedition"));

    tabstrip.Add().Text("Collectes")
        .LoadContentFrom(Url.Content("Collecte"));

    tabstrip.Add().Text("Annonces").LoadContentFrom(Url.Content("Annonce"));
})
.Events(e=>e
    .Select("portailClientsTabStripSelectHandler")
    .Activate("portailClientsTabStripActivate")
))

Ajax Kendo Grid局部视图Annonce：

@(Html.Kendo().Grid<Integraal.Models.Mouvement>()
.Name("grilleMouvements") // Préfixe du nom de la grille par l'identifiant de la vue partielle.
.Columns(columns =>
{
    columns.Bound(m => m.mvt_cli_code);
    columns.Bound(m => m.mvt_detenteur_code);
    columns.Bound(m => m.mvt_date_prev);
    columns.Bound(m => m.mvt_date);
    columns.Bound(m => m.mvt_prod_code);
    columns.Bound(m => m.mvt_quantite);
    columns.Bound(m => m.mvt_flag).Visible(false);
})
.Navigatable()
.Sortable()
.Scrollable()
.Filterable()
.Resizable(resize => resize.Columns(true))          //Colonnes réglables en largeur
.DataSource(dataSource => dataSource
    .Ajax()
    .Read(r => r.Action("readAnnonces", "PortailClients"))
)
.Events(e => e.DataBound("grilleAnnoncesDataBound")))

Answer 1

您不应使用LoadContentFrom在tabstrip中加载网格

使用Content(@<text> @Html.Action("YourAction","YourController")</text>)

Answer 2

我没有JavaScript错误。

这是我完整的部分视图代码：

@model Integraal.Models.Mouvement
<script type="text/javascript">
function grilleAnnoncesDataBound(e) {

    //$('tr').each(function () {
    //    if ($(this).text() == 'Jane') { $(this).addClass('customClass') }
    //});
}
</script>
@(Html.Kendo().Grid<Integraal.Models.Mouvement>()
.Name("grilleMouvements") // Préfixe du nom de la grille par l'identifiant de la vue partielle.
.Columns(columns =>
{
    columns.Bound(m => m.mvt_cli_code);
    columns.Bound(m => m.mvt_detenteur_code);
    columns.Bound(m => m.mvt_date_prev);
    columns.Bound(m => m.mvt_date);
    columns.Bound(m => m.mvt_prod_code);
    columns.Bound(m => m.mvt_quantite);
    columns.Bound(m => m.mvt_flag).Visible(false);
})
.Navigatable()
.Sortable()
.Scrollable()
.Filterable()
.Resizable(resize => resize.Columns(true))          //Colonnes réglables en largeur
.DataSource(dataSource => dataSource
    .Ajax()
    .Read(r => r.Action("readAnnonces", "PortailClients"))
)
.Events(e => e.DataBound("grilleAnnoncesDataBound"))
)

这是我的控制者的行动：

public PartialViewResult Annonce()
    {
        return PartialView();
    }

    public JsonResult readAnnonces([DataSourceRequest] DataSourceRequest request)
    {
        MouvementService service = new MouvementService();
        IEnumerable<Mouvement> liste = service.getMouvements("A");

        Dictionary<string, object> session = new Dictionary<string, object>();
        session.Add("listeAnnonces", liste);
        GlobalSession.SetInSession<Dictionary<string, object>>("1", session);

        return Json(liste.ToDataSourceResult(request));
    }

感谢您的帮助。

Answer 3

返回Json时，请确保在return语句中有JsonRequestBehavior.AllowGet。希望这有帮助

示例：

返回Json（videos.VideoList.ToDataSourceResult（request），JsonRequestBehavior.AllowGet）;

Kendo Grid Ajax里面的Kendo TabStrip Ajax（LoadContentForm）不显示内容

3 个答案: