C# 使剑道选项卡的内容可滚动

我有一个剑道标签在一个拆分器内。我正在尝试仅使所选选项卡的内容可滚动。此时，整个拆分器部分滚动，tabStrip消失

是否可以仅使选项卡内容可滚动

屏幕：

代码

@Html.HiddenFor（x=>x.ID）
@（Html.Kendo（）.Splitter（））
.名称（“拆分器”）
.方向（拆分器方向.垂直）
.Events（ev=>ev.Resize（“EyeTestReportController.resizeGrid”））
.HtmlAttributes（新的{@class=“全屏”}）
.窗格（窗格=>
{
panes.Add（）.可调整大小（false）.Size（“100px”）
.HtmlAttributes（新的{@id=“网格垂直窗格”}）
.内容(@
);
panes.Add（）.HtmlAttributes（新的{@id=“网格摘要垂直窗格”）.Content(@
返回网格
选项卡选项
返回
下一个
跳过
@（Html.Kendo（）.Grid（））
.名称（“网格”）
.ToolBar（ToolBar=>
{
toolbar.Custom（）.Text（“Create”）.Url（“#”）.HtmlAttributes（新的{@class=“k-primary k-button”，@id=“addVisit”，onclick=“EyeTestReportController.onAddVisitClick（）”）；
toolbar.Custom（）.Text（“Edit”）.Url（“#”）.HtmlAttributes（新的{@class=“k-primary k-button”，@id=“editVisit”，onclick=“EyeTestReportController.onEditVisitClick（）”，disabled=“disabled”}）；
})
.列（列=>
{
column.Bound（c=>c.Date）.Format（“{0:MM/dd/yyyyy}”）.Width（150）；
列宽（150）；
列宽（150）；
column.Bound（c=>c.readydereaders）.Width（150）；
列宽（150）；
列宽（150）；
列绑定（c=>c.Contacts）.Width（150）；
列宽（150）；
column.Bound（c=>c.Status）；
})
.事件（e=>
{
e、 更改（“EyeTestReportController.itemGridSelect”）；
})
.Sortable（）
.Scrollable（）
.可选（）
.resize可调整大小（resize=>resize.Columns（true））
.Reorderable（reorder=>reorder.Columns（true））
.NoRecords（“无数据”）
.Filterable（ftb=>ftb.Mode（GridFilterMode.Row））
.Filterable（f=>f.Operators（o=>o.ForString（fs=>fs.Clear（）.Contains（“Contains”）.StartsWith（“Start With”）.EndsWith（“End With”）.IsEqualTo（“等于”）.IsNotEqualTo（“不等于”））
.Pageable（第=>页
.刷新（真）
.按钮计数（5）
.PageSizes（新字符串[]{“5”、“10”、“20”、“100”、“全部”}）
)
.DataSource（DataSource=>DataSource
.Ajax（）
.ServerOperation（真）
.Sort（s=>
{
s、 添加（a=>a.ID）.Ascending（）；
})
.Model（Model=>
{
model.Id（i=>i.Id）；
})
.Read（Read=>Read.Action（“readallvists”，“EyeTestReport”，new{PatientID=Model.ID}））
.Events（Events=>Events.Error（“Shared.ongridatasourceerror”）.RequestEnd（“Shared.onGridRequestEnd”））
)
)
@（Html.Kendo（）.TabStrip（））
.Name（“摘要选项卡条”）
.Items（tabstrip=>
{
tabstrip.Add（）.Text（“预筛选”）
.已选择（真）
.Content（Html.Partial（“~/Views/EyeTestReport/_Prescreening.cshtml”）.ToHtmlString（））；
tabstrip.Add（）.Text（“筛选”）
.已启用（错误）
.Content（Html.Partial（“~/Views/EyeTestReport/_Screening.cshtml”）.ToHtmlString（）
);
tabstrip.Add（）.Text（“现成阅读器”）
.已启用（错误）
.Content（Html.Partial（“~/Views/EyeTestReport/\u readydereaders.cshtml”）.ToHtmlString（）
);
tabstrip.Add（）.Text（“眼睛检查”）
.已启用（错误）
.Content（Html.Partial（“~/Views/EyeTestReport/\u eyechespection.cshtml”）.ToHtmlString（）
);
tabstrip.Add（）.Text（“眼镜”）
.已启用（错误）
.Content（Html.Partial（“~/Views/EyeTestReport/_glass.cshtml”），新网站.Models.OptoServices.GlassesDetailModel（））.ToHtmlString（）
);
tabstrip.Add（）.Text（“隐形眼镜”）
.已启用（错误）
.Content（Html.Partial（“_隐形眼镜”）.ToHtmlString（）
);
tabstrip.Add（）.Text（“视网膜分级”）
.已启用（错误）
.Content（Html.Partial（“\u retinalagrading”）.ToHtmlString（）
);
tabstrip.Add（）.Text（“引用”）
.已启用（错误）
.Content（Html.Partial（“_reference”）.ToHtmlString（）
);
}))
);
})
)

先谢谢你

我已经删除了内容的顶部，以减少代码的使用

@Html.HiddenFor(x => x.ID)
@(Html.Kendo().Splitter()
    .Name("splitter")
    .Orientation(SplitterOrientation.Vertical)
    .Events(ev => ev.Resize("EyeTestReportController.resizeGrid"))
    .HtmlAttributes(new { @class = "full-screen" })
    .Panes(panes =>
    {
        panes.Add().Resizable(false).Size("100px")
    .HtmlAttributes(new { @id = "grid-vertical-pane" })
    .Content(@<text>
        <div id="InfoScreen" style="display:inline-flex">                
        </div>
    </text>);
        panes.Add().HtmlAttributes(new { @id = "grid-summary-vertical-pane" }).Content(@<text>
            <div id="tabOptions" style="margin:5px; display:none; position:fixed!important;">
                <div id="backbtn">
                    <button class="k-primary k-button" style="margin-bottom:5px;" id="backToGrid" onclick="EyeTestReportController.onBackGrid()" aria-disabled="false" tabindex="0">Back to grid</button>
                </div>
                <div>
                    <label class="summary-label">Tab options</label>
                </div>
                <div id="stepButtons">
                    <button class="k-primary k-button" id="back" onclick="EyeTestReportController.onBackClick()" aria-disabled="false" tabindex="0">Back</button>
                    <button class="k-primary k-button" id="next" onclick="EyeTestReportController.onNextClick()" aria-disabled="false" tabindex="0">Next</button>
                    <button class="k-primary k-button" id="skip" onclick="EyeTestReportController.onSkipVAClick()" aria-disabled="false" tabindex="0">Skip</button>
                </div>
            </div>

            <div id="gridDiv">
                @(Html.Kendo().Grid<Website.Models.VisitModel.VisitGridModel>()
                        .Name("grid")
                        .ToolBar(toolbar =>
                        {
                    toolbar.Custom().Text("Create").Url("#").HtmlAttributes(new { @class = "k-primary k-button", @id = "addVisit", onclick = "EyeTestReportController.onAddVisitClick()" });
                    toolbar.Custom().Text("Edit").Url("#").HtmlAttributes(new { @class = "k-primary k-button", @id = "editVisit", onclick = "EyeTestReportController.onEditVisitClick()", disabled = "disabled" });

                })
                        .Columns(column =>
                        {
                    column.Bound(c => c.Date).Format("{0:MM/dd/yyyy}").Width(150);
                    column.Bound(c => c.PreScreening).Width(150);
                    column.Bound(c => c.Screening).Width(150);
                    column.Bound(c => c.ReadyMadeReaders).Width(150);
                    column.Bound(c => c.EyeExam).Width(150);
                    column.Bound(c => c.Glasses).Width(150);
                    column.Bound(c => c.Contacts).Width(150);
                    column.Bound(c => c.RetinalGrading).Width(150);
                    column.Bound(c => c.Status);

                })
                        .Events(e =>
                        {
                    e.Change("EyeTestReportController.itemGridSelect");
                })
                        .Sortable()
                        .Scrollable()
                        .Selectable()
                        .Resizable(resize => resize.Columns(true))
                        .Reorderable(reorder => reorder.Columns(true))
                        .NoRecords("No data")
                        .Filterable(ftb => ftb.Mode(GridFilterMode.Row))
                        .Filterable(f => f.Operators(o => o.ForString(fs => fs.Clear().Contains("Contains").StartsWith("Start With").EndsWith("End with").IsEqualTo("Is equal to").IsNotEqualTo("Is not equal to"))))
                        .Pageable(page => page
                        .Refresh(true)
                        .ButtonCount(5)
                        .PageSizes(new string[] { "5", "10", "20", "100", "All" })
                        )
                        .DataSource(dataSource => dataSource
                        .Ajax()
                        .ServerOperation(true)
                        .Sort(s =>
                        {
                    s.Add(a => a.ID).Ascending();
                })
                        .Model(model =>
                        {
                    model.Id(i => i.ID);
                })
                        .Read(read => read.Action("ReadAllVisits", "EyeTestReport", new { PatientID = Model.ID }))
                        .Events(events => events.Error("Shared.onGridDataSourceError").RequestEnd("Shared.onGridRequestEnd"))
                        )
                )
            </div>

            <div id="testOptions" style="margin:5px;" hidden>
                @(Html.Kendo().TabStrip()
                        .Name("summary-tabstrip")
                        .Items(tabstrip =>
                        {
                    tabstrip.Add().Text("Pre-screening")
                .Selected(true)
                .Content(Html.Partial("~/Views/EyeTestReport/_Prescreening.cshtml").ToHtmlString());

                    tabstrip.Add().Text("Screening")
                .Enabled(false)
                .Content(Html.Partial("~/Views/EyeTestReport/_Screening.cshtml").ToHtmlString()

                );

                    tabstrip.Add().Text("Ready Made Readers")
                .Enabled(false)
                .Content(Html.Partial("~/Views/EyeTestReport/_ReadyMadeReaders.cshtml").ToHtmlString()

                );

                    tabstrip.Add().Text("Eye Examination")
                .Enabled(false)
                .Content(Html.Partial("~/Views/EyeTestReport/_EyeExamination.cshtml").ToHtmlString()

                );

                    tabstrip.Add().Text("Glasses")
                .Enabled(false)
                .Content(Html.Partial("~/Views/EyeTestReport/_Glasses.cshtml", new Website.Models.OptoServices.GlassesDetailModel()).ToHtmlString()

                );

                    tabstrip.Add().Text("Contact Lenses")
                .Enabled(false)
                .Content(Html.Partial("_ContactLenses").ToHtmlString()

                );

                    tabstrip.Add().Text("Retinal Grading")
                .Enabled(false)
                .Content(Html.Partial("_RetinalGrading").ToHtmlString()

                );

                    tabstrip.Add().Text("Referral")
                .Enabled(false)
                .Content(Html.Partial("_Referral").ToHtmlString()
                );
                }))
            </div>
        </text>);
    })
)