easyui datagrid相关

easyui datagrid 单元格编辑时，使用浮动的textarea文本框操作
// 长度校验
$.extend($.fn.validatebox.defaults.rules,{
	maxLength: {
  		validator: function(value, param){
  			if(value.length > param[0]){
  				return false;
  			}
  			return true;
  		},
  		message: "请输入的内容小于{0}个字符."
  	}
})   
// 解决datagrid中单击修改单元格时，textarea会自动将datagrid表格行撑大的问题
$.extend($.fn.datagrid.defaults.editors,{
	textarea: {
		init: function(container, options){
			// var input = $("<textarea class='datagrid-editable-input' style='position:absolute; padding:0px; margin-top:-12px; height:120px; resize:none;' data-options=\"required:true,validType:'maxLength[10]'\"></textarea>").validatebox(options).appendTo(container);
			var input = $("<textarea class='datagrid-editable-input' style='position:absolute; padding:0px; margin-top:-12px; height:120px; resize:none;'></textarea>").validatebox(options).appendTo(container);
		  		return input;
		  },
		getValue: function(target){
		  	return $(target).val();
		},
		setValue: function(target, value){
			$(target).val(value);
		},
		resize: function(target, width){
			var input = $(target);
		   	if($.boxModel == true){
			   input.width(width - (input.outerWidth() - input.width()));
		   	}else{
			   input.width(width);
			}
		}
	}
});

 

/**
 * 显示消息到datagrid表格中
 * @param msg
 */
function datagrid_emptyMsg(msg){
	var body = $('#dg').data().datagrid.dc.body2;
	var width = body.width();
	var t_str = "<tr><td width =\"";
	t_str = t_str.concat(width,
		"\"",
		" style=\"", "height: 25px; text-align: center;", "\"",
		" colspan=\"", "6", "\">",
		msg,
		"</td></tr>"
	);
	body.find('table tbody').append(t_str);
	//隐藏分页导航条，这个需要熟悉datagrid的html结构，直接用jquery操作DOM对象，easyui datagrid没有提供相关方法隐藏导航条
	$('#dg').closest('div.datagrid-wrap').find('div.datagrid-pager').hide();

	// $('#dg').closest('div.datagrid-wrap').find('div.datagrid-pager').show(); 显示分页导航条
}

 

/**
 * 校验datagrid编辑时排除不需要校验的字段
 * function exclude(f, datagridName) {
	return !(f == "remark" || f == "apps");
	}
 * @returns {boolean}
 */
function checkData(datagrid, datagridName, erroCallback) {

	//判断帐号类型是否为空
	var rows = datagrid.datagrid("getRows");
	for ( var i = 0; i < rows.length; i++ ) {
		var row = rows[i];

		try {
			var columnIndex = 0;
			datagrid.prev(".datagrid-view2").children(".datagrid-body").find(".datagrid-row:first").children("td").each(function() {
				if ((typeof exclude)!='undefined' && exclude($(this).attr("field"), datagridName)) {//需要验证的在父类写实现  exclude

					if (row[$(this).attr("field")] == null || row[$(this).attr("field")] == "" || row[$(this).attr("field")] == undefined) {

						var title = datagrid.prev(".datagrid-view2").children(".datagrid-header")
							.find(".datagrid-header-row td:eq(" + columnIndex + ")").find("span").text();
						throw "第" + (i + 1) + "行,“" + $.trim(title) + "”不能为空！";
					}
				}
				columnIndex++;
			});
		} catch (e) {
			erroCallback(e);
			return false;
		}
	}
	return true;
}

 

/**
 * 重写combo下拉选择后panel为空的脚本错误，用于datagrid编辑
 */
$.extend($.fn.combo.methods, {
	hidePanel:function(jq){
		return jq.each(function(){
			var target = this;
			var combo=($.data(target,"combo")==null) ? false : $.data(target,"combo").panel;
			if(combo){
				combo.panel("close");
			}
		});
	}
});

 

datagrid编辑下拉框，模糊匹配加载需要的数据
{field: 'zhmc', title: '收款人', width: 120, align: 'left', halign: 'center', editor: 'text',
    editor:{
        type: 'combobox',
        options: {
			url: '',
			valueField: '',
			textField: '',
			mode: 'remote',
			panelHight: 200,
			loadFitlter: function(data){
				return data.rows;
			},
			onSelect: function(rowData){
				$("#dg").datagrid('endEdit', editIndex); // 关闭表格编辑
				$("#dg").datagrid('updateRow', {
					index: editIndex,
					row: {
						zh: rowData.fpwldw.zh // 更新表格字段值
					}
				});
				editIndex = undefined;
			},
			onBeforeLoad: function(param){
				if(param == null || param.q == null || param.q.replace(//g, ''=='')){
					var value = $(this).combobox('getValue');
					if(value){
						param.zhmc_like = value; // 后台参数赋值
						return true;
					}
				}
				return false;
			}
		}		
    }
}