首页 > 代码库 > Extjs 之dataview布局

Extjs 之dataview布局

2024-07-13 00:49:29   223人阅读

有时候系统菜单用tree布局会显得单调内容少，这适合可以考虑DataView布局

Ext.define(‘MyApp.view.ReportRecord.window.ReportRecordWin‘, {
	extend : "Ext.window.Window",
	alias : ‘widget.reportrecordwin‘,
	width : 1000,
	height : 510,
	autoScroll : true,
	modal : true,
	//			bodyPadding : 2,
	layout : {
		type : ‘hbox‘,
		align : ‘stretch‘
	},
	items : [{
			// 导航栏
			xtype : ‘dataview‘,
			itemId : ‘nav‘,
			width : 100,
			margin : ‘0 2 0 0‘,
			itemSelector : ‘div.dataana-nav‘,
			id : ‘dataana‘,
			overItemCls : ‘nav-hover‘,
			autoScroll : true,
			emptyText : ‘No images available‘,
			tpl : new Ext.XTemplate(
				‘<div align="center">‘,
				‘<tpl for=".">‘,
				‘<div class="dataana-nav">‘,
				‘<img src=http://www.mamicode.com/"{src}" />‘, ‘
{text}‘,>


联系
我们