dojo - Dojo グリッドセルに複数のボタンを追加する方法

Question

私は道場に不慣れで、いくつかのボタンをデータグリッドセルに入れようとしています。私はドキュメントを読み、フォーマッターを使用して1つのボタンをグリッドに配置することに成功しました:

{
    name: "oper",
    field: "id",
    type: dojox.grid.cells._Widget,
    editable: false,
    formatter: function(id){
        return new Button({
            label:"oper",
            onClick: function(){
                    oper(id);
            }
        });
    }

}

私の質問は、セルに 2 つ以上のボタンを配置する方法です。どうも。

Answer 1

フォーマッタ関数で、div を作成し、すべてのボタンを div に追加して、作成した div を返します

formatter: function(id){
    var result = "<div>"
    //add all your buttons in the div, you can also apply some styles

    result += "</div>";
}

Answer 2

より良い解決策は、dijit.form.Form ウィジェットを使用してボタンを囲むことです。

            require(['dojo/_base/lang', 'dojo/dom', 'dijit/form/Button', 'dijit/form/Form', 'dojo/domReady!'],
               function(lang, dom, Button, Form){

                function formatter(){

                    var form = new Form();
                    var w1 = new Button({
                        label: "Edit",
                        onClick: function() {
                            alert("Thanks for all the fish.  ");
                        }
                    });

                    var w2 = new Button({
                        label: "Delete",
                        onClick: function() {
                            alert("Thanks for all the fish 2.  ");
                        }
                    });

                    w1._destroyOnRemove = true;
                    w2._destroyOnRemove = true;

                    w1.placeAt(form);
                    w2.placeAt(form);

                    return form;
                } .....