在Django中運行ExtJS 事例

網上關於ExtJS的事例挺多的,可是在Django中使用ExtJS挺少的,固然了,一些大牛以爲ExtJS運用在頁面上是很簡單的事,可是對於菜鳥來講,實在有點困難。javascript

我這個例子是用在了sublime3這個IDE上實現的,用的是Django框架,如果不會安裝sublime3,或者不曉得怎麼安裝和使用Django的話,能夠參考下我前面的一些文章。css

一、首先下載ExtJS這個庫,能夠在官網上下載,也能夠用我這個連接:http://www.qeefee.com/article/000308/。我下載的ExtJS3.4的目錄結構以下:html

二、在你的django的靜態文件(靜態文件是本身建立的)下導入ExtJS庫,這個導入就是把你下載的這個庫文件複製到你的靜態文件下便可。java

三、在要使用ExtJS的頁面中通常包括如下代碼:django

<link rel="stylesheet" type="text/css" href="../../static/files/ext3/resources/css/ext-all.css" />
<script type="text/javascript" src="../../static/files/ext3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../static/files/ext3/ext-all.js"></script>框架

完整的HTML實例以下:學習

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title>JS經常使用方法--String.prototype使用! </title>
<link rel="stylesheet" type="text/css" href="../../static/files/ext3/resources/css/ext-all.css" />
<script type="text/javascript" src="../../static/files/ext3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../static/files/ext3/ext-all.js"></script>

<script type='text/javascript'>
Ext.onReady(function(){
Ext.MessageBox.alert('標題','Hello world')prototype

});htm

</script>
</head>blog

<body></body>

</html>

四、運行django程序,就會彈出Hello world這個框框。

五、我發現一個學習ExtJS的入門級別的ExtJS教程,推薦給你們,《ExtJS入門教程(超級詳細)》

相關文章
相關標籤/搜索