dxTab 动态字体大小答案

【问题标题】：dxTab Dynamic Font-SizedxTab 动态字体大小
【发布时间】：2014-12-04 00:42:27
【问题描述】：

我有一个 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 以到达其他选项卡。

【问题讨论】：

标签： javascript devextreme

【解决方案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

希望对你有帮助。

【讨论】：