extjs扩展lovcombo没有显示复选框

时间:2011-02-08 13:05:47

标签: css extjs

我正在使用Ext.ux.form.lovcombo w / Ext version 3.3.1
我包括

Ext.ux.form.LovCombo.css,
Ext.ux.util.js,
Ext.ux.form.LovCombo.js

当组合框下拉时我没有看到任何复选框,但它似乎有用,我还需要包含更多内容吗? 可能是没有看到复选框的原因。

解决: 我的分机安装的css路径不正确。

.ux-lovcombo-icon-checked {
    background: transparent url('../images/default/menu/checked.gif');
}
.ux-lovcombo-icon-unchecked
{
    background: transparent url('../images/default/menu/unchecked.gif');
}

1 个答案:

答案 0 :(得分:0)

.ux-lovcombo-icon {
    width:16px;
    height:16px;
    float:left;
    background-position: -1px -1px ! important;
    background-repeat:no-repeat ! important;
}
.ux-lovcombo-icon-checked {
    background: transparent url(../images/checked.gif);
}
.ux-lovcombo-icon-unchecked {
    background: transparent url(../images/unchecked.gif);
}

/* IE patch */
.ext-ie .ux-lovcombo-item-text {
    position:absolute;
    left:16px;
    top:3px;
}
.ext-ie .ux-lovcombo-icon {
    float:none;
}
.ext-ie .x-combo-list-item {
    position:relative;
}