WebRoot/frame/js/nav/layout.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

var outerLayout;
$(document).ready( function() {
	// create the OUTER LAYOUT
	outerLayout = $("body").layout(layoutSettings_Outer);

	// BIND events to hard-coded buttons in the NORTH toolbar
	

	var westSelector = "body > .ui-layout-west";
	var eastSelector = "body > .ui-layout-east";

	 // CREATE SPANs for pin-buttons - using a generic class as identifiers
	$("<span></span>").addClass("pin-button").prependTo(westSelector);
	$("<span></span>").addClass("pin-button").prependTo(eastSelector);
	// BIND events to pin-buttons to make them functional
	outerLayout.addPinBtn(westSelector +" .pin-button", "west");
	outerLayout.addPinBtn(eastSelector +" .pin-button", "east");

	 // CREATE SPANs for close-buttons - using unique IDs as identifiers
	$("<span></span>").attr("id", "west-closer").prependTo(westSelector);
	$("<span></span>").attr("id", "east-closer").prependTo(eastSelector);
	// BIND layout events to close-buttons to make them functional
	//outerLayout.addCloseBtn("#west-closer", "west");
	//outerLayout.addCloseBtn("#east-closer", "east");

});
var layoutSettings_Outer = {
	name: "outerLayout" // NO FUNCTIONAL USE, but could be used by custom code to 'identify' a layout
	// options.defaults apply to ALL PANES - but overridden by pane-specific settings
,	defaults: {
		size:					"auto"
	,	minSize:				50
	,	paneClass:				"pane" 		// default = 'ui-layout-pane'
	,	resizerClass:			"resizer"	// default = 'ui-layout-resizer'
	,	togglerClass:			"toggler"	// default = 'ui-layout-toggler'
	,	buttonClass:			"button"	// default = 'ui-layout-button'
	,	contentSelector:		".content"	// inner div to auto-size so only it scrolls, not the entire pane!
	,	contentIgnoreSelector:	"span"		// 'paneSelector' for content to 'ignore' when measuring room for content
	,	togglerLength_open:		35			// WIDTH of toggler on north/south edges - HEIGHT on east/west edges
	,	togglerLength_closed:	35			// "100%" OR -1 = full height
	,	hideTogglerOnSlide:		true		// hide the toggler when pane is 'slid open'
	,	togglerTip_open:		"收起面板"
	,	togglerTip_closed:		"展开面板"
	,	resizerTip:				"拖动面板"
	,	sliderTip:				"展开面板"
	//	effect defaults - overridden on some panes
	,	fxName:					"slide"		// none, slide, drop, scale
	,	fxSpeed_open:			750
	,	fxSpeed_close:			1500
	,	fxSettings_open:		{easing: "easeInQuint"}
	,	fxSettings_close:		{easing: "easeOutQuint"}
}
,	north: {
	    minSize:				80
	,   maxSize:                80
	,	spacing_open:			1			// cosmetic spacing
	,	togglerLength_open:		0			// HIDE the toggler button
	,	togglerLength_closed:	-1			// "100%" OR -1 = full width of pane
	,	resizable: 				false
	,	slidable:				false