ExtJS入门知识进阶一
<link rel="stylesheet" type="text/css" href="../script/ext/resources/css/ext-all.css" /><script type="text/javascript" src="../script/ext/adapter/ext/ext-base.js"></script><script type="text/javascript" src="../script/ext/ext-all.js"></script>
<%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GB18030"><title>Insert title here</title><link rel="stylesheet" type="text/css" href="../script/ext/resources/css/ext-all.css" /><script type="text/javascript" src="../script/ext/adapter/ext/ext-base.js"></script><script type="text/javascript" src="../script/ext/ext-all.js"></script><script type="text/javascript" src="index01.js"></script></head><body></body></html>
Ext.onReady(function(){//获得document.body这个DOM元素，并更新它的内容Ext.get(document.body).update("<div id='test'></div>");//创建一个Panel的UI对象new Ext.Panel({renderTo:"test", //并将这个Panel的UI对象展现到test元素中title:"测试标题", //这个是Panel对象的标题html:"<font color='red'>这里是内容</font>", //Panel对象的内容width:"200px" //Panel对象的高度});});
Ext.onReady(function(){//获得document.body这个DOM元素，并更新它的内容Ext.get(document.body).update("<div id='test'></div>");//创建一个Panel的UI对象new Ext.Panel({renderTo:"test", //并将这个Panel的UI对象展现到test元素中title:"测试标题", //这个是Panel对象的标题html:"<font color='red'>这里是内容</font>", //Panel对象的内容width:"200px", //Panel对象的高度collapsible: true //增加这个属性，表示内容部分可以折起来});});
<!--EndFragment-->要想能够灵活应用Ext，我们必须有步骤的去学习关于Ext中各种内容，深入了解Ext的设计原理，然后才能得心应手、随心所欲的去运用、扩展、封装Ext，真正精通javascript这门语言。
<!--EndFragment--><!--EndFragment--><!--EndFragment--><!--EndFragment--><!--EndFragment--><!--EndFragment--><!--EndFragment-->
<!--EndFragment-->