现在的位置: 首页 > 综合 > 正文

easyui 常见问题—不断更新

2018年05月07日 ⁄ 综合 ⁄ 共 2338字 ⁄ 字号 评论关闭

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

抱歉!评论已关闭.