jQuery的剑道UI?下载30天免费试用

内容操作

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内容滚动功能

根据浏览器的不同,在更改活动选项卡时,内容的滚动位置可能会重置。保持滚动位置:

  1. 使用选择事件以保存当前滚动位置。
  2. 使用激活事件来恢复它。

有关完整的示例,请参阅上的文章保存TabStrip内容的滚动位置

另请参阅

在本文中
Baidu
map