Extjs 控件样式test:
控件Ext.list.ListView
var listView = new Ext.list.ListView( {
id:'lwb_test_list_view',
store : store,
multiSelect : true,
emptyText : '0个选课学员报名',
reserveScrollOffset : true,
cls:'test_lwb', //修饰的是当前组件的div
ctCls:;test_lwb’ //修饰的是当前组件的的div的父div
。。。。。
以上加入自己的样式【test_lwb】,div 显示结果如下:
<!--[if gte vml 1]><v:shapetype id="_x0000_t75"coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe"filled="f" stroked="f"><v:stroke joinstyle="miter" /><v:formulas><v:f eqn="if lineDrawn pixelLineWidth 0" /><v:f eqn="sum @0 1 0" /><v:f eqn="sum 0 0 @1" /><v:f eqn="prod @2 1 2" /><v:f eqn="prod @3 21600 pixelWidth" /><v:f eqn="prod @3 21600 pixelHeight" /><v:f eqn="sum @0 0 1" /><v:f eqn="prod @6 1 2" /><v:f eqn="prod @7 21600 pixelWidth" /><v:f eqn="sum @8 21600 0" /><v:f eqn="prod @7 21600 pixelHeight" /><v:f eqn="sum @10 21600 0" /></v:formulas><v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect" /><o:lock v:ext="edit" aspectratio="t" /></v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:415.5pt;height:43.5pt'><v:imagedata src="file:///C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/msohtml1/01/clip_image001.png"o:title="" /></v:shape><![endif]--><!--[if !vml]--><img height="58" width="554" alt=""><!--[endif]-->
其中id:'lwb_test_list_view'为改控件的id,div根下的两个div分别对象列表头和列表中的数据。在id为lwb_test_list_view中加入的test_lwb修饰不了里面的两个div。
若加入:ctCls:'test_lwb',
修改的是 <div id=’lwv_test_list_view’>的父节点div
所以还是同样没效果。
.test_lwb{
font-size:250% !important;
color:#FF0000
} 颜色有效果就是大小没效果。
------------------------------------------------------------------------------------
【这blog不支持直接贴图片—悲剧】
|