javascript - dxTab 动态字体大小

Question

我有一个 dxTab，我试图弄清楚如何为其创建动态字体大小。

<div data-bind="dxTabs: { dataSource: SurveyQuestions, selectedIndex: currentIndex }">
    <div data-options="dxTemplate: {name: 'item'}">
        <div data-bind="text: text " style="font-size: 20px;"></div>
    </div>
</div>

有没有办法将变量放入字体大小或将数据库放入字体大小？

基本上最多可以有 5 个选项卡，但是当有 5 个选项卡时，您无法看到所有文本，因此我将文本缩小2px以达到附加选项卡。

Answer 1

你可以这样做：

<div data-bind="dxTabs: { dataSource: SurveyQuestions }">
    <div data-options="dxTemplate: { name: 'item'}">
        <div data-bind="text: text, 
           style: { fontSize: $parent.SurveyQuestions.length < 5 ? '16px' : '12px' }"></div>
    </div>
</div>

见小提琴：http: //jsfiddle.net/tabalinas/pmbuw7t2/

但我不确定这是最好的解决方案。在新的 14.2 版本中，dxTabs 支持滚动https://www.devexpress.com/Support/Center/Question/Details/S171952

希望这可以帮到你。