獲得塊狀化文本規格

Ext.onReady(function(){
    
    //6.12 Ext.util.TextMetrics獲得塊狀化文本規格
    
    //1. bind()塊的綁定 將文本塊綁定到el元素
    //2. createInstance() 實例化對象
    //3. getHeight()獲取文本的高度
    //4. getWidth() 獲取文本的寬度
    //5. getSize() 獲取文本的寬、高
    //6. measure() 獲取指定節點內文本塊的寬、高
    //7. setFixedWidth() 指定文本塊的固定寬
    
    var t = new Ext.util.TextMetrics("id01")
    console.info("getSize()取到文本的寬度:"+t.getSize('the text').width);
    console.info("getSize()取到文本的高度:"+t.getSize('the text').height);
    console.info("getWidth()取到文本的寬度:"+t.getWidth('ID01的DIV'));
    console.info("getHeight()取到文本的高度:"+t.getHeight('ID01的DIV'));
    console.info("getWidth()取到文本的寬度:"+t.getWidth('the text ID01的DIV'));
    console.info("getHeight()取到文本的高度:"+t.getHeight('the text ID01的DIV'));
    console.info("measure()方法"+Ext.util.TextMetrics.measure('id01','從新測試方法').width);
    
    
});