jquery easyui的datagrid中toolbar类似extjs的工具栏靠右浮动
直接上代码:
if(opts.toolbar){
vartb=$("<divclass=\"datagrid-toolbar\"></div>").prependTo(_3ae);
var position = $.inArray("->",opts.toolbar);if(position != -1){
for(vari=0;i<position;i++){
varbtn=opts.toolbar[i];
if(btn=="-"){
$("<divclass=\"datagrid-btn-separator\"></div>").css("float","left").appendTo(tb);
}else{
vartool=$("<ahref=\"javascript: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++){
varbtn=opts.toolbar[i];
if(btn=="-"){
$("<divclass=\"datagrid-btn-separator\"></div>").css("float","right").appendTo(tb);
}else{
vartool=$("<ahref=\"javascript:void(0)\"></a>");
tool[0].onclick=eval(btn.handler||function(){
});
tool.css("float","right").appendTo(tb).linkbutton($.extend({},btn,{plain:true}));
}
}}else{
for(vari=0;i<opts.toolbar.length;i++){
varbtn=opts.toolbar[i];
if(btn=="-"){
$("<divclass=\"datagrid-btn-separator\"></div>").css("float","left").appendTo(tb);
}else{
vartool=$("<ahref=\"javascript:void(0)\"></a>");
tool[0].onclick=eval(btn.handler||function(){
});
tool.css("float","left").appendTo(tb).linkbutton($.extend({},btn,{plain:true}));
}
}
}}
在jquery easyui源码中,将此段代码覆盖原来的代码即可。
用法类似分割条'-',只是添加了一个大于号,看就是'->'了。呵呵
上面扩展的是针对的jquery easyui的1.2.2版本。其他的版本可以参考。
/*www.jeestudio.com*/