2012-10-12 11:22题主

使用样式表来定制具有个性化的页面。

WebBuilder使用的组件(包括ExtJS的组件),是由纯HTML元素构成的,因此可以很方便地来定制个性化的页面。
定制个性化页面的方法如下:
1、使用Chrome开发者工具或Firefox调试工具等来查看你要设置的元素;
2、在线修改元素的属性,包括样式表及DOM属性,可以看到实时的变化,以达到你的期望设置;
3、对全局元素的设置,可在module的head属性中编写样式表css片断来重载默认设置,单个元素可设置css或style属性;另外你也可以在组件的afterrender事件中,动态地改变组件任意组成元素的属性。关于元素的查找有很多方法,可以使用Ext.get或Ext.fly获得元素接口,然后使用指定方法查找。
4、如果需要更改组件的默认设置,可以在webbuilder/css/style.css中重载组件的样式,包括ext-all.css中定义的样式。

2012-10-12 11:28#1
谢谢分享,希望能有多一点这样的方法指导。

返回开发者社区