easyui 常见问题---不断更新

我不是女神ヾ 2021-06-24 14:00 667阅读 0赞

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、面板折叠：

$(".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 "+ "+value+" %";
 		 					} else if (value == "∞") {
 		 						return " "+value+"";
 		 					} else {
 		 						return " "+value+" %";
 		 					}
 		 					
 		 				} 
 		 			},
 		 			sorter:function(a,b){
 		 a = parseFloat(a); 
 		 b = parseFloat(b); 
 		 return (a>b?1:-1); 
 		 } 
 		 		}]
 	});