使用可用内容加载Kendo TabStrip

时间:2015-09-02 10:40:07

标签: jquery dynamic kendo-ui kendo-tabstrip

我有三个标签,我想用页面上已有的部分内容填充这些标签:

<section class="rbs-section" id="rbi_S_12466479" name="world1">
<p>Hello World1</p>
</section>

<section class="rbs-section" id="rbi_S_12466477" name="world2">
<p>Hello World2</p>
</section>

<section class="rbs-section" id="rbi_S_12466478" name="world3">
<p>Hello World3</p>
</section>

我的TabStrip:

<div id="tabstrip">
                            <ul>
                                <li class="k-state-active">
                                    World1
                                </li>
                                <li>
                                    World2                                    </li>
                                <li>
                                    Wordl3
                                </li>
                            </ul>
                        </div>

使用Javascript:

$(document).ready(function() {
                    $("#tabstrip").kendoTabStrip({
                        animation:  {
                            open: {
                                effects: "fadeIn"
                            }
                        }
                    });
                });

如何使用Kendo TabStrip代码在这些标签中使用我的自定义部分?请告诉我。

干杯。

1 个答案:

答案 0 :(得分:1)

这是一个带有工作示例的道场。 Tab strip with sections.

你会注意到我所做的就是给你sections一个div。

标签条期望在内容集合中看到div作为子元素,即内容。

希望这能回答你的问题。如果您需要任何进一步的细节,请告知我们。

<强>更新

我更新了道场。这不是最优雅的方式,但它可以工作,而无需你更改你的DOM。

updated dojo

更新2 updated dojo 2