easyui datagrid toolbar 增加button位置右側浮動功能

在源碼中找到datagrid toolbar部分,大概位置7044行。

if(opts.toolbar){
if(typeof opts.toolbar=="string"){
$(opts.toolbar).addClass("datagrid-toolbar").prependTo(_4cc);
$(opts.toolbar).show();
}else{
    $("div.datagrid-toolbar",_4cc).remove();
    var position = $.inArray("->",opts.toolbar);
    if (position != -1) {
        var tbt=$("<div class=\"datagrid-toolbar\"><table cellspacing=\"0\" cellpadding=\"0\" style=\"width:100%\"><tr style=\"width:100%\"><td style=\"width:100%\"></td></tr></table></div>").prependTo(_4cc);
        var tb=tbt.find("td");
        for(var i=0;i<position;i++){
            var btn=opts.toolbar[i];
            if(btn=="-"){
                $("<div class=\"datagrid-btn-separator\"></div>").css("float","left").appendTo(tb);
            }else{
                var tool=$("<a href=\"void(0)\">< /a>");
                tool[0].onclick=eval(btn.handler||function(){});
                tool.css("float","left").appendTo(tb).linkbutton($.extend({},btn,{plain:true}));
            }
        }
        for(var i=position+1;i<opts.toolbar.length;i++){
            var btn=opts.toolbar[i];
            if(btn=="-"){
                $("<div class=\"datagrid-btn-separator\"></div>").css("float","right").appendTo(tb);
            }else{
                var tool=$("<a href=\"void(0)\">< /a>");
                tool[0].onclick=eval(btn.handler||function(){});
                tool.css("float","right").appendTo(tb).linkbutton($.extend({},btn,{plain:true}));
            }
        }
    }else{
    var tb=$("<div class=\"datagrid-toolbar\"><table cellspacing=\"0\" cellpadding=\"0\"><tr></tr></table></div>").prependTo(_4cc);
    var tr=tb.find("tr");
    for(var i=0;i<opts.toolbar.length;i++){
    var btn=opts.toolbar[i];
    if(btn=="-"){
    $("<td><div class=\"datagrid-btn-separator\"></div></td>").appendTo(tr);
    }else{
    var td=$("<td></td>").appendTo(tr);
    var tool=$("<a href=\"void(0)\">< /a>").appendTo(td);
    tool[0].onclick=eval(btn.handler||function(){
    });
    tool.linkbutton($.extend({},btn,{plain:true}));
    }
    }
}
}
}

這是修改完成之後的代碼,僅供參考。

如有疑問可以留言。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章