教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery easyui中datagrid工具栏靠右浮动

jquery easyui中datagrid工具栏靠右浮动

发布时间:2015-12-29   编辑:jiaochengji.com
本文介绍了jquery easyui中datagrid工具栏靠右浮动的实例代码,需要的朋友参考下。

例子,jquery easyui中实现datagrid工具栏靠右浮动。
 

复制代码 代码示例:

if(opts.toolbar){
var tb=$("<div class=\"datagrid-toolbar\"></div>").prependTo(_3ae);

var position = $.inArray("->",opts.toolbar);
if(position != -1){
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=\"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++){
var btn=opts.toolbar[i];
if(btn=="-"){
$("<div class=\"datagrid-btn-separator\"></div>").css("float","right").appendTo(tb);
}else{
var tool=$("<a href=\"javascript:void(0)\"></a>");
tool[0].onclick=eval(btn.handler||function(){
});
tool.css("float","right").appendTo(tb).linkbutton($.extend({},btn,{plain:true}));
}
} //jquery easyui中datagrid工具栏靠右浮动
}else{
for(var i=0;i<opts.toolbar.length;i++){
var btn=opts.toolbar[i];
if(btn=="-"){
$("<div class=\"datagrid-btn-separator\"></div>").css("float","left").appendTo(tb);
}else{
var tool=$("<a href=\"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版本。其他的版本可以参考。

您可能感兴趣的文章:
jquery easyui中datagrid工具栏靠右浮动
php使用EasyUI DataGrid获取资料的方式
jquery easyui利用DataGrid实现CRUD操作
基于datagrid框架的查询
jquery easyui开发几点总结
JQueryEasyUI datagrid框架的基本使用
jquery easyui datagrid合计行实例代码
datagrid框架的删除添加与修改
Jquery easyui之控件参数传递方法
jquery easyui 分页的使用方法

关键词: datagrid  easyui  jquery easyui   
[关闭]
~ ~