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); } }] });