EXT4 loader引入一个htm不工作

起风从此散长安 2016-03-09 10:58:51

我是用layoutController里面一个loader来加载resource.htm结果不工作，但是我用layoutController里面的
// html:'<iframe width="100%" border="0"
// frameborder="0" height="100%"
// src="html/resource.htm"></iframe>',
这一句来加载就可以工作，我想用loader来加载，却不能工作不知道怎么回事

layoutController

Ext.define('layoutApp.controller.LayoutController', {

			extend : 'Ext.app.Controller',

			views : ['TopView'],

			stores : ['MenuTreeStore'],

			init : function() {

				this.control({

							'viewport > panel[id=accorditionMenu]' : {

								render : this.initMenu

							},

							'viewport > treepanel[id=menuTree]' : {

								itemexpand : this.loadSubMenu,

								cellclick : this.loadTab

							}

						});

			},

			loadTab : function(tab, td, cellIndex, record, tr, rowIndex, e,

					eOpts) {

				var text = record.raw.text;

				var tabs = Ext.getCmp('tabpanel');

				var tab = Ext.getCmp('' + text + record.raw.mid);

				if (!tab) {



					tabs.add({

								title : text,

								id : '' + text + record.raw.mid,

								// html:'<iframe width="100%" border="0"

								// frameborder="0" height="100%"

								// src="html/resource.htm"></iframe>',

								

								// icon:'路径',

								loader : {

									url :'html/resource.htm',

									autoLoad : true,

									scripts : true

									

								}

								

							});

				}

				tabs.setActiveTab(tab);



			},

			loadSubMenu : function(obj) {



				var store = Ext.getCmp('menuTree').getStore();

				store.getProxy().extraParams = {

					'pid' : obj.raw.mid

				};



			},

			initMenu : function() {



				Ext.Ajax.request({



							url : 'getMenu',

							success : function(response) {

								var text = response.responseText;

								// alert(Ext.JSON.decode(text));

								Ext.getCmp('accorditionMenu').add(Ext.JSON

										.decode(text));

							}

						});



			}

		});

resourceApp

Ext.application({

    name: 'resourceApp',

    appFolder:'js/resource',

    //controllers:['ResourceController'],

   // views:['ResourceTreeGridView'],

    launch: function() {

	   /* Ext.createWidget('resourcetreegrid', {

		    renderTo: 'resourceDiv' 

		});*/

    	Ext.create('Ext.grid.Panel', {

    	    title: '这是资源表格',

    	    columns: [

    	        { header: 'Name',  dataIndex: 'name' },

    	        { header: 'Email', dataIndex: 'email', flex: 1 },

    	        { header: 'Phone', dataIndex: 'phone' }

    	    ],

    	    bbar: [{

    	        xtype: 'pagingtoolbar',

    	        displayInfo: true

    	    }],

    	    renderTo: 'resourceDiv'

    	});

    	Ext.Msg.alert("提示","消息");

    }

});

resource.ht

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title>资源管理</title>

		<link rel="stylesheet" type="text/css" href="jslib/ext4/resources/css/ext-all.css"/>

		<script type="text/javascript"  src="jslib/ext4/bootstrap.js"></script>

		<script type="text/javascript"  src="js/Contant.js"></script>

		<script type="text/javascript" src="js/resourceApp.js"></script>

	</head>

<body>

	<div id="resourceDiv"></div>

</body>

</html>

...全文