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>

有没有办法将字体大小的变量或数据库的变量放到font-size？

基本上最多可以有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

希望这可以帮到你。

dxTab动态字体大小

1 个答案: