javascript - 如何获取文本的宽度并相应地调整模板的大小？

Question

我正在尝试将 ui.template 扩展到文本的宽度。据我所知，没有 autowidth 属性， adjust() 适合容器，我不知道如何获得实际的文本大小来应用 resize() 属性。这是我的代码:

{
  view:"scrollview",
  scroll:"x",            
  body:{
    id:"temp",
    template:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
    autoheight:true,                            
  }
} 

http://webix.com/snippet/796b80f7

有没有办法做到这一点？谢谢。

Answer 1

有一个 getTextSize 助手

var text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";

webix.ui({  
  rows:[    
    {
      view:"scrollview",
      scroll:"x",            
      body:{
        id:"temp",
        width:webix.html.getTextSize(text).width+20,
        height: 30,
        template:text
      }
    }    
  ]  
});