
			}, {
				id: 'validator-rules-multiple',
				title: 'Multiple Rules',
				desc: Mulitple rules definition.

					More rules can be added for one property, just use the key of rule to define it.

					
				
			}, {
				id: 'validator-rules-complex',
				title: 'Complex Rule',
				desc: Settings of rule can be any complex object.

					Date rule before and after follow the same setting as below:

					1. Can be string, 

					1.a now, means now.

					1.b some property id of model, can be parsed by pattern $pt.ComponentConstants.Default_Date_Format,

					1.c a plain date time text, can be parsed by pattern $pt.ComponentConstants.Default_Date_Format.

					2. Can be function, return a momentjs object,

					3. Can be momentjs object,

					4. Or array of above three types,

					5. JSON, contains 

					5.a format, a momentjs format pattern. Optional, use $pt.ComponentConstants.Default_Date_Format if not defined.

					5.b rule, follow point 1 - 4,

					5.c label, a plain text. if rule defined as array, label must be defined as array too, has same length with rule.
					
				
			}, {
				id: 'validator-rules-array',
				title: 'Array',
				desc: Rule table is pre-defined for array property.

					The following definition will validate each name in items.
					
				
			}, {
				id: 'validator-rules-phase',
				title: 'Phase',
				desc: Rule can be defined in appointed phase.
					Use validateByPhase() to validate, or validate all by validate().

				,
				children: [
					{
						id: 'validator-rules-phase-simple',
						title: 'Simple',
						desc: Simple phase:
						
						
					},
					{
						id: 'validator-rules-phase-multiple',
						title: 'Mulitple',
						desc: Defined one rule for multiple phases:
						
						
					},
					{
						id: 'validator-rules-phase-mixed',
						title: 'Mixed',
						desc: Different rules or different phase:
						
						
					}
				]
			}, {
				id: 'validator-rules-condition',
				title: 'Condition',
				desc: Rule can be triggerred under appointed condition:
				
				
			}, {
				id: 'validator-rules-function',
				title: 'Function',
				desc: Rule can be defined as function. Three parameters passed to function:

				1. model: data model,

				2. value: property value,

				3. phase: phase given by caller.

				
				
			}, {
				id: 'validator-rules-mixed',
				title: 'Mixed',
				desc: All of above can be mixed defined. Try it.
			}, {
				id: 'validator-rules-customize',
				title: 'Customize',
				desc: Rule function can be customized and validator passes parameters as below:

				1. model: data model.

				2. value: property value.

				3. settings: settings in definition. eg. {"{required: true}"}, value of settings is true.

				To register into common rules, call $pt.ValidateRules['your-rule-name'] =
						your-rule-function;,
				and in definition, as {"name: {'your-rule-name': your-settings}"}. Make sure the customized function can accept the settings.
				
			}
		];

		var items = [
			{
				id: 'validator',
				title: 'ModelValidator',
				pattern: '$pt.createModelValidator(config: JSON|JSON[], rules: JSON) : ModelValidator',
				desc: Create a model validator.

				config: configuration of checks,

				rules: rules of checks. Optional, use $pt.ValidateRules if not passed.
				Or use $pt.ValidateRules + parameter is passed, if key duplicated, use rule in parameter.,
				children: validator
			}, {
				id: 'validator-table-result',
				title: 'TableValidationResult',
				pattern: '$pt.createTableValidationResult() : TableValidationResult',
				desc: 'Create instance.',
				children: tableResult
			}, {
				id: 'validator-rules',
				title: 'ValidateRules',
				pattern: '$pt.ValidateRules',
				desc: Pre-defined validation rules. A simple JSON, add additional validation rule by edit this JSON.

				Here are the pre-defined rules:

				required: boolean. for any data type. 

				minlength: number. for any data type which has length function. normally string.

				maxlength: number. for any data type which has length function. normally string.

				minsize: number. for any data type which has length function. normally array.

				maxsize: number. for any data type which has length function. normally array.

				length: number. for any data type which has length function. normally string.

				before: JSON. for date.

				after: JSON. for date.

				table: JSON. for check each item of array.

				
			}, {
				id: 'validator-rules-understanding',
				title: 'Understanding Rules',
				desc: It's very important to understanding the design of validation rules.,
				children: rules
			}
		];
		return items;
	};

	var renderer = $pt.getService($demo, 'renderer');
	renderer.validator = function () {
		React.render(, document.getElementById('main'));
	};
}(this, jQuery));