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