Dojo CheckMulti Select - 如何将复选框移动到标签右侧

Dojo CheckMulti Select - how to move check box to the right of label

本文关键字:移动 标签 复选框 Select CheckMulti Dojo      更新时间:2023-09-26

我在正在开发的页面中使用了道场检查的多选。我对 Dojo 很陌生,所以我使用过的例子http://jsfiddle.net/phusick/894af/这符合我的需求(几乎)。我想将复选框放置在复选框选项的右侧。

我尝试通过覆盖小部件上的 postCreate 方法来操作 dom,但无济于事。有人对我如何实现这一目标有任何建议吗?

这是我尝试过的

var MyCheckedMultiSelect = declare(CheckedMultiSelect, {

    postCreate: function() {   
        this.inherited(arguments);
        var tableRow = dom.byId("dojox_form__CheckedMultiSelectMenuItem_1");
        var firstTableCell = query(".dijitMenuItemIconCell", tableRow);         
        domConstruct.place(firstTableCell, tableRow, "last");
    }

});

改变风格就够了,看看我改变的jsfiddle

样式更改为:

td.dijitMenuItemLabel{
    float:left;
}

td.dijitMenuItemIconCell {
    float:right;
    width: 16px;
    height:16px;
tr.dojoxCheckedMultiSelectMenuItemChecked td.dijitMenuItemIconCell {
    float:right;