在Webix

时间:2015-11-19 11:45:03

标签: user-interface alignment webix

我对Webix很新,并想知道是否有办法在页面上排列元素以避免css? 例如,这是带有三个按钮的工具栏。如何为他们设置align:right之类的内容?

webix.ui({  
  rows: [
    { 
      view:"toolbar", elements:[      
        { view:"button", value:"B1", width: 70},        
        { view:"button", value:"B2", width: 70 },        
        { view:"button", value:"B3", width: 70 },      
      ]    
    },       
    { template:""}   
  ]
});

代码段: http://webix.com/snippet/deb1c886

1 个答案:

答案 0 :(得分:1)

几乎所有Webix中元素的定位都基于将页面划分为行和列。如果您需要对齐按钮(或按钮),则可以将空视图{},放在任何位置。 例如

view:"toolbar", elements:[  
    {},
    { view:"button", value:"B1", width: 70},        
    { view:"button", value:"B2", width: 70 },        
    { view:"button", value:"B3", width: 70 },      
  ] 

会将所有按钮排列在右侧。