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

Question

我正在开发的页面中使用 dojo 检查多选。我对 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");
    }



});

Answer 1

改变风格就够了，看我对jsfiddle的改变

样式更改为：

td.dijitMenuItemLabel{
    float:left;
}


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

tr.dojoxCheckedMultiSelectMenuItemChecked td.dijitMenuItemIconCell {
    float:right;