The structure of the Column element has three layers, column model, column control, and column view component. The Column model is determined by the dom structure for column. The Column logic manipulates the Column model with providing some basic functions, such as adding a row element, deleting a row element, or checking the column max width and some other common functions. The Column view component is the view component displayed in the browser, which binds the dom event handler to those functions defined in Column logic class.
The attributes for Column model correspond with the Column dom structure. The following is the attributes for Column dom structure and the function. Refer to UserPageLayout.xml
The Column Logic id is divided into two control classes. One is called Column Logic Class, and the other is called Abstract Column Logic Class. As The Column Control Logic manipulates Column Model by binding the function to the HTML Dom event Handler of the Column Logic function, the Column Logic might depend on the detailed Column View Component. The Abstract Column Logic has nothing to do with the Column View Component, while the Column Logic Class extends the Abstract Column Logic, implementing the function that is related to the Column View Component. So if users choose different Column View Component, such as Ext2 framework, they should implement the specified Column Logic extending the Abstract Column Logic.
The Column view component is displayed in the browser under the “Tab-Content” item, as the container for Row element. The view component can handle these attributes through Column control layer. The following is the functions that a column view component can have.