jQWidgets jqxNavigationBar getContentAt() 方法介绍

jQWidgets jqxNavigationBar 是一个用于创建导航栏的 JavaScript 组件。getContentAt() 是它的一个重要方法之一，可以用于获取导航栏中指定选项卡的内容。

方法定义

getContentAt(index: number): any

方法参数

• index：选项卡的索引值，从0开始计数。

返回值

• 获取选项卡内容的对象。

代码示例

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id="jqxNavigationBar"></div>
<script>
    const navBarData = [
        { text: 'Tab 1', content: 'Tab 1 Content' },
        { text: 'Tab 2', content: 'Tab 2 Content' },
        { text: 'Tab 3', content: 'Tab 3 Content' },
    ];
    const navigationBar = new jqwidgets.jqxNavigationBar( '#jqxNavigationBar' );
    navigationBar.createWidget( {
        width: 300,
        height: 200,
        expandMode: 'singleFitHeight',
        items: navBarData
    } );
    const tab1Content = navigationBar.getContentAt( 0 );
    console.log( tab1Content ); // 输出：Tab 1 Content
</script>

在本例中，我们向 jqxNavigationBar 中添加了三个选项卡，然后通过 getContentAt() 方法获取了第一个选项卡的内容并在控制台上输出。