How add MenuButton to toolbar from js

[waltex]

i can add a MenuButton  to toolbar for pivogrid  using only javascript statements.

Code:

 toolbar: [{
                    //text: 'Layout',
                    handler: function () {
                        $('#dg2').pivotgrid('layout');
                    }
                }, {iconCls: 'icon-reload',
                    text: 'Elabora',
                    handler: function () {
                        load_dg2();
                    }}, {iconCls: 'icon-excel1',
                    text: 'Esporta',
                    handler: function () {
                        JSONToCSVConvertor2($('#dg2').pivotgrid('getRoots'), 'pivot', 'label');
                    }}, {iconCls: 'icon-database_edit',
                    text: 'parametri pivot',
                    handler: function () {
                        $('#dg2').pivotgrid('layout')
                    }}],

[jarry]

Please try to call the 'buildToolbar' function to build the toolbar via javascript code.

Code:

function buildToolbar(conf){
    var tb = $('<div></div>').appendTo('body');
    $.map(conf, function(options){
        var type = options.type || 'linkbutton';
        var a = $('<a href="#"></a>').appendTo(tb);
        a[type]($.extend({}, options, {
            plain:true,
            onClick: options.onClick||options.handler
        }));
    });
    return tb;
}

$(function(){
    var conf = [{
        text:'Add',
        iconCls:'icon-add',
        handler:function(){alert('add')}
    },{
        text:'Cut',
        iconCls:'icon-cut',
        handler:function(){alert('cut')}
    },{
        text:'Save',
        iconCls:'icon-save',
        type:'menubutton',
        menu: '#mm',
        handler:function(){alert('save')}
    }];
    $('#dg').datagrid({
        toolbar: buildToolbar(conf)
    });
})