test.js

	components: SC.ScrollView.design({
		
		layout: { top: 20, bottom: 10, left: 10, right: 10 }, 


		contentView: SC.ListView.design({
			content: [
				{ name: 'test' },
				{ name: 'test2' },
				{ name: 'test3' },
				{ name: 'test' },
				{ name: 'test2' },
				{ name: 'test3' },
				{ name: 'test' },
				{ name: 'test2' },
				{ name: 'test3' },
				{ name: 'test' },
				{ name: 'test2' },
				{ name: 'test3' },
				{ name: 'test' },
				{ name: 'test2' },
				{ name: 'test3' },
				{ name: 'test' },
				{ name: 'test2' },
				{ name: 'test3' },
				{ name: 'test' },
				{ name: 'test2' },
				{ name: 'test3' },
				{ name: 'test' },
				{ name: 'test2' },
				{ name: 'test3' },
				{ name: 'test3' }
			],

			rowHeight: 40,

			exampleView: SC.View.design({
				layout: { height: 40 },
				childViews: [SC.LabelView.design({
					layout: { centerY: 0, centerX: 0, height: 40, left: 0, right: 0 },
					textAlign: SC.ALIGN_CENTER,
					controlSize: SC.LARGE_CONTROL_SIZE,
					valueBinding: '.parentView.content.name'
				})]
			})
		})
	}),