extjs2.0/3.4 入門教程以及一些例子

時間 2019-11-06

標籤 extjs2.0 extjs 3.4 入門教程以及一些例子简体版

原文原文鏈接

前言javascript

有本資料叫extjs簡易實用教程，講得很棒，是初學者的福音——比起官方廣泛較複雜的examples，這個教程更靠譜。並且雖然說是2.x的教程，但一樣適用於3.x——4.x就不知道了。css

只是，有些問題：html

1. 裏面有些少部分代碼說的不夠詳細，有一些小問題。比方說html代碼中導入extjs 的js包的順序問題；好比說加載其他文件的問題（比方說加載xml文件的數據，你必須把工程放到web容器下才能正常運轉），教程裏都沒有說明白。java

2. 例子過於簡單，沒有多個組件結合使用的例子。根據教程學完之後，我想作個TreePanel和TabPanel的簡單聯動，卻依然毫無思路。而官方的很多例子顯得過於複雜，不利於學習。web

通過調試，我把全部例子正常跑通，並簡單寫了個Viewport、TreePanel、TabPanel的聯合使用。學習

如下是教程、學習工程、extjs3.4開發包的下載地址：ui

http://dl.vmall.com/c0yue01n0d spa

若是你以爲個人例子很不錯，對你的學習頗有幫助，麻煩回覆贊一下————一番心血沒白費有人欣賞，我會很高興的~調試

--------------------------------------------------------------------------------------------xml

如下是HelloWorld

導js包
html代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>ExtJS</title>

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



<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="extjs/ext-all.js"></script>

<script>

//彈出一個提示框

Ext.onReady(function()

{

Ext.MessageBox.alert("hello","Hello,easyjf open source");

});

</script>

<script>

//顯示一個窗口

Ext.onReady(function()

{

var win=new Ext.Window({title:"hello",width:300,height:200,html:'<h1>Hello,easyjf open source</h1>'});

win.show();

});

</script>

</head>

<body>

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。