easyUI datagrid的一些问题

关于datagrid表格的一些适用性的小功能点:

1.列隐藏

$('表格ID').datagrid('hideColumn','索要隐藏的字段');

2.合计总数(单独一行)

var tre = 0,tres = 0,tat = 0, heji = "合计:";

$('表格ID').datagrid('appendRow', { contracttotal: '合计', costamount: tres,  pasunmsurplus: tat,aa:"123"});

3.获取treegrid选中的内容

$("#ID").treegrid("getSelections")

treegrid 加载完成自己刷新

$('#dgproject').treegrid('load');

4、列增加事件

<th field="aa" width="80" align="center" formatter="formatEdit">操作</th>

function formatEdit(val, row) {

return "<a  class=\"easyui-linkbutton fapiao\" href=\"javascript:openFapiao('" + row.roles + "'," + row.id +")\">操作</a>";

}

5、treegrid列数据翻页以及选中

$('#dgproject').treegrid({
		queryParams:{ //传递额外的值
			auditState: 0,
		},
		url: '/admin/purchasecontractlist/projectandpuclistJsonMapStringinfoonecopy',
		method: 'post',
		pageSize: 100,
		pageList: [5,10,20,30,50,100,150,200,300,500,1000],
		loadFilter: function(data){ //过滤原始数据
			return data;
		},
		onLoadSuccess: function(row, data){
			$('#dgproject').treegrid('expand', loadprojectId); //项目文件夹  打开
			$('#dgproject').treegrid('select', loadprojectId); //项目文件夹  选中
			$('#dgproject').treegrid('select', processId); //项目  选中
			
			$('#dgproject').treegrid('select', processId_bj);//项目  选中
			$('#dgproject').treegrid('expand', loadprojectId_bj);//项目文件夹  打开
			$('#dgproject').treegrid('select', loadprojectId_bj);//项目文件夹  选中
		},
		success:function (data) {  //写入表格中的数据
			$("#dgproject").treegrid({data});
		},
	});
	var pagerFilter= function (data) {
		if ($.isArray(data)) { // is array  
			data = {
				total: data.length,
				rows: data
			}
		}
		var target = this;
		var tg = $(target);
		var state = tg.data('treegrid');
		var opts = tg.treegrid('options');
		if (!state.allRows) {
			state.allRows = data.rows;
		}
		if (!opts.remoteSort && opts.sortName) {
			var names = opts.sortName.split(',');
			var orders = opts.sortOrder.split(',');
			state.allRows.sort(function(r1, r2) {
				var r = 0;
				for (var i = 0; i < names.length; i++) {
					var sn = names[i];
					var so = orders[i];
					var col = $(target).treegrid('getColumnOption', sn);
					var sortFunc = col.sorter || function(a, b) {
						return a == b ? 0 : (a > b ? 1 : -1);
					};
					r = sortFunc(r1[sn], r2[sn]) * (so == 'asc' ? 1 : -1);
					if (r != 0) {
						return r;
					}
				}
				return r;
			});
		}
		var topRows = [];
		var childRows = [];
		$.map(state.allRows, function(row) {
			row._parentId ? childRows.push(row) : topRows.push(row);
			row.children = null;
		});
		data.total = topRows.length;
		var pager = tg.treegrid('getPager');
		pager.pagination('refresh', {
			total: data.total,
			pageNumber: opts.pageNumber
		});
		opts.pageNumber = pager.pagination('options').pageNumber || 1;
		var start = (opts.pageNumber - 1) * parseInt(opts.pageSize);
		var end = start + parseInt(opts.pageSize);
		data.rows = topRows.slice(start, end).concat(childRows);
		return data;
	}
	$.extend($.fn.treegrid.methods, {
		clientPaging: function(jq) {
			return jq.each(function() {
				var tg = $(this);
				var state = tg.data('treegrid');
				var opts = state.options;
				opts.loadFilter = pagerFilter;
				var onBeforeLoad = opts.onBeforeLoad;
				opts.onBeforeLoad = function(row, param) {
					state.allRows = null;
					return onBeforeLoad.call(this, row, param);
				}
				var pager = tg.treegrid('getPager');
				pager.pagination({
					onSelectPage: function(pageNum, pageSize) {
						opts.pageNumber = pageNum;
						opts.pageSize = pageSize;
						pager.pagination('refresh', {
							pageNumber: pageNum,
							pageSize: pageSize
						});
						tg.treegrid('loadData', state.allRows);
					}
				});
				tg.treegrid('loadData', state.data);
				if (opts.url) {
					tg.treegrid('reload');
				}
			});
		},
	});
	$('#dgproject').treegrid().treegrid('clientPaging');

6、datagrid存取数据

$("#id").框的属性名称(“setValue”,"存入的值")

$("#id").框的属性名称(“getValue”)获取的值

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值