内容操作
TabStrip提供选项用AJAX加载其内容而且允许滚动其选项卡内容.
使用AJAX加载内容
TabStrip提供了从远程url异步加载内容的内置支持。这些url返回HTML内容,可以在TabStrip项的内容区域中加载。为了使AJAX加载工作,内容div
元素必须为空。完整的示例请参见使用AJAX加载TabStrip内容的演示.
< div id = " tabstrip " > < ul > <李>第一个选项卡李< / > < >李第二个选项卡李< / > < / ul > < div > < / div > < div > < / div > < / div > <脚本> $(文档)时(函数(){$ (" # tabstrip ")。kendoTabStrip({contentUrls: [null, "html-content-snippet.html"]});});> < /脚本
启用内容滚动
默认情况下,TabStrip的内容容器是可滚动的。因此,如果小部件具有固定的高度,并且包含无法容纳的大内容,则会在其侧面显示滚动条。如果需要,您可以禁用TabStrip的内容滚动,这可以在TabStrip承载小部件(如菜单)需要溢出TabStrip的场景中提供帮助。有关完整的示例,请参阅上的文章禁用TabStrip内容滚动功能.
根据浏览器的不同,在更改活动选项卡时,内容的滚动位置可能会重置。保持滚动位置:
有关完整的示例,请参阅上的文章保存TabStrip内容的滚动位置.