读书人

zclass和sclass有啥区别,该如何处理

发布时间: 2012-01-24 23:11:54 作者: rapoo

zclass和sclass有啥区别
zk的css设定 发现既可以设定zclass,也可以设定sclass,请问有啥区别吗?

[解决办法]
zclass 会根据元素属性的不同,动态加载css
比如:

HTML code
<style dynamic="true">.mydb-disd {    color: blue !important; cursor: default !important; opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60);        font-weight: bold;    }.mydb-disd * {    color: blue !important; cursor: default !important;        font-weight: bold;    }.mydb {    background: white;        border: 1px solid #7F9DB9;    }.mydb-focus, .mydb-focus input {    border: 1px solid red;    }.mydb-text-invalid {    background: yellow;        border: 1px solid red;    }.mydb-readonly, .mydb-text-disd {    background: green;    }</style><grid width="450px">    <columns>            <column label="Having Zclass"/>                <column label="Without Zclass"/>            </columns>        <rows>            <row><textbox zclass="mydb" value="Default"/><textbox value="Default"/></row>                <row><textbox zclass="mydb" readonly="true" value="Readonly"/><textbox readonly="true" value="Readonly"/></row>                <row><textbox zclass="mydb" disabled="true" value="Disabled"/><textbox disabled="true" value="Disabled"/></row>                <row><textbox zclass="mydb" focus="true" value="Focus"/><textbox value="Focus"/></row>            </rows>    </grid>
[解决办法]
完全不懂zk,
不过猜测一下

zclass = zk's class

sclass = standard class

good luck
[解决办法]
Sclass
The purpose of the Sclass is to lightly change the CSS of the component.

sclass就是普通的class属性,和普通的没区别,覆盖componet自带的css样式

Zclass
The purpose of the Zclass is to change the full CSS of the specific component. It usually uses to change the mold of the component, which supports more than one theme.

Zclass可以根据 后面的属性 匹配找到对应的css,在使用sclass的地方可以使用zclass代替,但是zclass不能用sclass代替。。。。。
[解决办法]
sclass是量的css修改,譬如修改一件的border,而zclass是一重量的css修改,譬如它可以修改一件被disable示的式,也就是所他可以修改一件所有的和作。修改zclass是比麻的,所有如果必要我只需要修改sclass就可以了。
[解决办法]
探讨
zclass 会根据元素属性的不同,动态加载css
比如:
HTML code<styledynamic="true">
.mydb-disd{
color: blue !important; cursor: default !important; opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60);
font-weight: bold;}
.mydb-disd *{
color: blue !important; cursor: default !important;
font-weight: bold;}
.mydb{
background: white;
border: 1px solid #7F9DB9;}
.mydb-focus, .mydb-focus input{
border: 1px solid red;}
.mydb-text-invalid{
background: yellow;
border: 1px solid red;}
.mydb-readonly, .mydb-text-disd{
background: green;}</style><gridwidth="450px"><columns><columnlabel="Having Zclass"/><columnlabel="Without Zclass"/></columns><rows><row><textboxzclass="mydb" value="Default"/><textboxvalue="Default"/></row><row><textboxzclass="mydb" readonly="true" value="Readonly"/><textboxreadonly="true" value="Readonly"/></row><row><textboxzclass="mydb" disabled="true" value="Disabled"/><textboxdisabled="true" value="Disabled"/></row><row><textboxzclass="mydb" focus="true" value="Focus"/><textboxvalue="Focus"/></row></rows></grid>


class都是mydb,但是后面分别有readonly disable focus属性,所以根据上面定义的css,每个textbos得样式不一样, sclass就是普通的class属性,和普通的没区别

读书人网 >Java Web开发

热点推荐