EasyUI 学习汇总

easyui-combotree默认打开时折叠

onLoadSuccess:function(node, data) {
						$(this).tree("collapseAll");
					}

当通过radio时切换表单，表单切换致使隐藏了的控件里required还为true，提交不了表单

			if (!flag) {
				$("#XXX").combobox({required:false});
				$("#XXX").validatebox({required:true});
			} else {
				$("#XXX").validatebox({required:false});
				$("#XXX").combobox({required:true});
			}

easyui-datagrid的rownumbers : true时，当序号超过上百后显示不全

$.extend($.fn.datagrid.methods, {
	fixRownumber : function (jq) {
		return jq.each(function () {
			var panel = $(this).datagrid("getPanel");
			//获取最后一行的number容器,并拷贝一份
			var clone = $(".datagrid-cell-rownumber", panel).last().clone();
			//由于在某些浏览器里面,是不支持获取隐藏元素的宽度,所以取巧一下
			clone.css({
				"position" : "absolute",
				left : -1000
			}).appendTo("body");
			var width = clone.width("auto").width();
			//默认宽度是25,所以只有大于25的时候才进行fix
			if (width > 25) {
				//多加5个像素,保持一点边距
				$(".datagrid-header-rownumber,.datagrid-cell-rownumber", panel).width(width + 5);
				//修改了宽度之后,需要对容器进行重新计算,所以调用resize
				$(this).datagrid("resize");
				//一些清理工作
				clone.remove();
				clone = null;
			} else {
				//还原成默认状态
				$(".datagrid-header-rownumber,.datagrid-cell-rownumber", panel).removeAttr("style");
			}
		});
	}
});

再在对应的datagrid里添加

onLoadSuccess : function () {
                        $(this).datagrid("fixRownumber");
                    }