1、easyui 动态设置url:

$('#tt').datagrid({url:'website/jsp/servlet',
        queryParams:{method:'xx', Id:IDValue }
}).datagrid("load");


2、easyui datagrid 删除行、清空所有数据集:

1)批量删除:

var item = $('#filegrid').datagrid('getRows'); 
if (item) { 
for (var i = item.length - 1; i >= 0; i--) { 
var index = $('#filegrid').datagrid('getRowIndex', item[i]); 
$('#filegrid').datagrid('deleteRow', index); 


2)清空

$('#dg2').datagrid('loadData', { total: 0, rows: [] });


3、修改datagrid的标题:

$(“#grid”).datagrid("getPanel").panel("setTitle","new title")可以

因为panel有setTitle方法,需要根据表格获得panel。


4、面板折叠:

<body class="easyui-layout">

$(".easyui-layout").layout("collapse","west").layout("collapse","north").layout("collapse","south");


5、获得选中tabs页签的标题:

var currentTab =$('#tabs_index').tabs('getSelected');

var currtab_title = currentTab.panel('options').title;


6、双击tabs页签头部事件:

$("body").on('dblclick','.tabs-inner',function(){
var subtitle = $(this).children(".tabs-closable").text();
$('#tabs_index').tabs('close',subtitle);
});

注:tabs-inner是easyui动态生成的,所以需要使用on来绑定事件。



7、修改tab的标题:



var tab = $('#tt').tabs('getSelected'); // 获取选择的面板 $('#tt').tabs('update', { tab: tab, options: { title: '新标题', href: 'get_content.php' // 新内容的URL } });


8、动态控制datagrid的列隐藏显示:


$('#grid').datagrid('hideColumn','列field'); 把hideColumn换成showColumn 即为显示列


9、datagrid中数据小计:

在datagrid从后端加载数据后,即使datagrid没指定列(也没有隐藏列),每行row这个对象中仍然包含了后端传来的所有数据。


10、combobox 全选:

$("#buyerFilterCmp").combobox({
valueField: 'id',
textField: 'text',
multiple:true,
editable:false,
url:'<%=basePath %>report/getBuyer',
onLoadSuccess: function () { //数据加载完毕事件
var data = $('#buyerFilterCmp').combobox('getData');
for (var i=0;i<data.length;i++) {
$("#buyerFilterCmp").combobox('select', data[i].id);
}
}
});


11、动态修改panel的高、宽、位置:

panel提供了resize方法,可以动态I许改大小、位置属性,使用如下

设置面板大小和布局。参数对象包含下列属性:
width:新的面板宽度。
height:新的面板高度。
left:新的面板左边距位置。
top:新的面板上边距位置。

代码示例:


$('#pp').panel('resize',{ width: 600, height: 400 });


12、datagrid自定义排序:

_grid1 = $("#datagrid_queryReport").datagrid({    
//url:urljson,
rownumbers:true,
loadMsg:"玩命加载中。。。",
fitColumns:true,
sortable:true,
remoteSort: false,
width:$(window).width() - 20,
columns:[[
{
field:'huanbi',
title:'环比',
align:'center',
sortable:true,
width:150,
formatter : function(value, row, index) {
if (value) {
if (value >0) {
return "<font color='red'>+ "+value+" %</font>";
} else if (value == "∞") {
return "<font color='green'> "+value+"</font>";
} else {
return "<font color='green'> "+value+" %</font>";
}

}
},
sorter:function(a,b){
a = parseFloat(a);
b = parseFloat(b);
return (a>b?1:-1);
}
}]
});