Ext新手,请教更改gridPanel的css的问题

html-css015

Ext新手,请教更改gridPanel的css的问题,第1张

想加样式的那一列CM,可以这样写:{

header : 'Change',

width: 75,

sortable : true,

renderer : change,

dataIndex: 'change'

}

即通过renderer : change,然后在写这个函数:

function change(val) {

if (val >0) {

return '<span style="color:green">' + val + '</span>'

} else if (val <0) {

return '<span style="color:red">' + val + '</span>'

}

return val

}

这样就可以通过这一列的属性值,来改变样式了啊。

你可以自定义一个css样式 例如:

.myPanelHead {

xx: xx

}

然后 panel的data-options里加上:headerCls:'myPanelHead'即可

注意该样式是加在head上的,你可以直接在head加样式。

如果非要加载title上,可以再加一个css样式

.myPanelHead .panel-title {

xx: xx

}

即可

表示该样式匹配html中id为panel或者flip的元素,比如类似下面的:

<div id="panel">....</div>

<li id="flip">....</li>