openlaszlo 組件重用設計

Openlaszlo的基礎庫有很多UI的基本控件。Button,Combox等等。在進行項目開發的時候，其實很多基礎組件是不能滿足需求的，因爲設計比較複雜的UI的話，複雜的控件是需要自己去設計。控件還要能做到定製化。

 

laszlo組件定製化的基本設計大概有幾點。

 

1.通過樣式能夠處理控件的style。比如字體，顏色，圖片。

<class name="mtext" extends="text"> <attribute name="fontstyle" style="textFontStyle" mce_style="textFontStyle" inherit="true" /> <attribute name="fgcolor" style="textFontColor" mce_style="textFontColor" inherit="true" /> ...... </class> css: mtext { textFontStyle:"plain"; textFontColor:"#000"; }

 

2.有可以複寫的接口或者方法。比如一個表格組件。排序的規則在不同的場景不一樣。所以，基類的組件應該有一個可以實現複寫的排序方法。

 

.. <!---@override--> <method name="setSort" args="clo:GridColumn,asc:Boolean"> //do your things </method>

 

3.佈局可以定製化。比如toolbar控件上面的button。可以通過css進行定製。然後button組件自動適應寬度。

toolbar { toolbarClassItems:"sendToolbarButton,cancelToolbarButton" }

 

 

而在toolbar的init方法裏，就可以根據對css定製的button組件進行初始化和佈局。

 

 

4.在新的項目中，可以使用基礎控件，繼承後進行擴展。然後沿用原來的css定製化方式。

 

更多的實例，可以在後續中提供一些更詳細的具體的例子。