2012-11-03 96 views
1

我如何才能讓flex表(flex3)在this Ui頂部對齊?Flex表中的對齊方式

function doGet(e) { 
    var app = UiApp.createApplication(); 
    var flex1 = app.createFlexTable().setBorderWidth(1); 
    var flex2 = app.createFlexTable().setBorderWidth(1).setWidget(0, 0, app.createLabel('flex2')) 
     .setWidget(1, 0, app.createTextArea().setHeight(400).setText('Text area in flex2')); 
    var flex3 = app.createFlexTable().setBorderWidth(1).setWidget(0, 0, app.createLabel('flex3')); 

    flex1.setWidget(0, 0, flex2).setWidget(0, 1, flex3); 
    app.add(flex1); 
    return app; 
} 

期待......

var flex1 = app.createFlexTable().setBorderWidth(1).setStyleAttribute('vertical-align', 'top');

var flex1 = app.createFlexTable().setBorderWidth(1).setColumnStyleAttribute(1, 'vertical-align', 'top'); 

工作。

另外,使用流程面板而不是flex的根目錄無法按預期方式工作。垂直堆疊2彎曲而不是從左到右。

回答

1

添加此行向底部奏效了,我 -

flex1.setStyleAttribute(0, 1, 'vertical-align', 'top'); 

不知道爲什麼全球集樣式或設置列樣式沒有工作。但是,將其設置在特定的行/列上似乎有效。讓我知道。

這可能不得不在Issue Tracker上,請檢查並記錄問題。

+0

Thx,認爲我只是做錯了。嘗試在尚不存在的列上設置樣式。也許你只是想在你使用setWidget/setText之後才能做到,並指定一行和列來創建。 –