Kendo MVC TabStrip选项卡无法打开

时间:2019-03-21 18:06:20

标签: asp.net-mvc kendo-ui kendo-tabstrip

我的Kendo MVC TabStrip选项卡无法打开。仅当选择为true时,它才会显示选项卡内容。在此示例中,“分辨率”和“历史记录”选项卡没有打开。没有控制台错误。

enter image description here

  <div class="col col-lg-12">
    <section class="well" id="">
        <h1>Workflow Details</h1>

        @*https://demos.telerik.com/kendo-ui/tabstrip/index*@

        @*////*@


        @(Html.Kendo().TabStrip()
               .Name("tabstrip")

               .Items(tabstrip =>
               {
               tabstrip.Add().Text("History")

                .Content(@<text>
            <h1>Workflow Item Action History</h1>

            @(Html.Kendo().Grid<Custom.Website.Areas.Custom.Models.WorkflowItemActionHistoryModel>()
                    .Name("itemActionHistoryGrid")
                    .Columns(columns =>
                    {
                        //columns.Bound(c => c.WorkflowItem);
                        columns.Bound(c => c.ActionTakenByName).Filterable(ftb => ftb.Cell(cell => cell.Operator("contains").SuggestionOperator(FilterType.Contains))).Width(30);
                        columns.Bound(c => c.Description).Filterable(ftb => ftb.Cell(cell => cell.Operator("contains").SuggestionOperator(FilterType.Contains))).Width(100);
                        columns.Bound(c => c.ActionDate).HtmlAttributes(new { @class = "dateFormat" }).Filterable(ftb => ftb.Cell(cell => cell.Operator("contains").SuggestionOperator(FilterType.Contains))).Width(30);
                    })
                    .HtmlAttributes(new { style = "height: 550px;" })
                    .Filterable()
                    .Sortable()
                    .Pageable(pageable => pageable
                        .Refresh(true)
                        .PageSizes(true)
                        .ButtonCount(5))
                    .DataSource(dataSource => dataSource
                        .Ajax()
                        .Read(read => read.Action("ItemHistoryRead", "WFItem").Data("getWorkflowItemIDOBJ"))
                        .Sort(sort => { sort.Add(f => f.ActionDate).Descending(); }).ServerOperation(false)
                        .PageSize(20)
                    )
                       .Events(events => { events.DataBound("itemActionHistoryGridOnDataBound"); })
            )
        </text>);

                      tabstrip.Add().Text("Resolution")

               .Content(@<text>
                    <section class="well" id="itemFields">
                        <h1>REsolution</h1>
                        <div class="form-horizontal form-widgets col col-sm-6">
                            <div class="form-group">
                                <label class="control-label col col-sm-4" for="name2">Name</label>
                                <div class="col col-sm-8 col col-md-6">
                                    <input id="name2" value="Johnatan Dodsworth" class="k-textbox" />
                                </div>
                            </div>
                        </div>
                    </section>

        </text>);
                   tabstrip.Add().Text("Attached Documents")
                   .Selected(true)
                    .Content(@<text>
                        <h1>Select File(s) To Upload</h1>
                        @(Html.Kendo().Upload()
                    .Name("files")
                    .TemplateId("fileTemplate")
                    .Events(events => events.Complete("onUploadSuccess"))
                    .Async(a => a
                    .Save("ItemAttachmentSubmit", "WFItem", new { workflowItemID = @Model.WorkflowItemModel.WorkflowItemID })
                            .Remove("ItemAttachmentRemove", "WFItem")
                            .AutoUpload(false)
                        )
                        )
                        <div class="row">
                            <div class="col col-sm-2"></div>
                            <div id="attachments-list" class="col col col-sm-10">

                                @(Html.Kendo().ListView<WorkflowItemAttachmentModel>()
                        .Name("AttachmentsList")
                        .TagName("div")
                        .Events(e => e.DataBound("onAttachmentsListDataBound").Change("onAttachmentsCriteriaChange"))
                        .ClientTemplateId("itemAttachmentsTemplate")

                        .DataSource(dataSource =>
                        {
                            dataSource.Read(read => read.Action("AttachmentsRead", "WFItem").Data("getWorkflowItemIDOBJ"));
                            dataSource.Sort(sort => { sort.Add(f => f.CreatedDate); }).ServerOperation(false);
                        })
                        .Selectable(s => s.Mode(ListViewSelectionMode.Single))
                                )
                            </div>
                        </div>
                    </text>);
               })
        )
    </section>
</div>

0 个答案:

没有答案