1.配置实用Extjs
<link href="Extjs/resources/css/ext-all.css" rel="stylesheet" /> <script src="Extjs/bootstrap.js"></script>
注:bootstrap.js的作用是用于 自动加载ext-all-debug.js或者ext-all.js 如果实用localhost或者ip的话,将启动ext-all-debug,否则启动ext-all.js
2,动态加载Extjs类库
//开启自动加载 Ext.Loader.setConfig({ enable: true }); Ext.Loader.setPath("要加载的路径文件"); Ext.required([‘Ext.grid.*‘, //需要加载的类库 ]) Ext.onReady(function () { //code });
HelloWorld
<script type="text/javascript"> Ext.onReady(function () { new Ext.Viewport({ layout: ‘fit‘, items: [{ xtype: "panel", title: "welcome to this website", html:"<h1>hello world</h1>" }] }) }) </script>
注:Ext.onReady方法是在Dom加载后才执行的,而onload则是在所有资源加载完才执行。如果存在多个 onReady可以保证同时执行