Scarlett.H

四季的轮转，风吹的方向和麦子的成长

导航

在Django中运行ExtJS 事例

网上关于ExtJS的事例挺多的，但是在Django中使用ExtJS挺少的，当然了，一些大牛觉得ExtJS运用在页面上是很简单的事，但是对于菜鸟来说，实在有点困难。

我这个例子是用在了sublime3这个IDE上实现的，用的是Django框架，若是不会安装sublime3，或者不晓得怎么安装和使用Django的话，可以参考下我前面的一些文章。

1、首先下载ExtJS这个库，可以在官网上下载，也可以用我这个链接：http://www.qeefee.com/article/000308/。我下载的ExtJS3.4的目录结构如下：

2、在你的django的静态文件（静态文件是自己创建的）下导入ExtJS库，这个导入就是把你下载的这个库文件复制到你的静态文件下即可。

3、在要使用ExtJS的页面中一般包括以下代码：

<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')

});

</script>
</head>

<body></body>

</html>

4、运行django程序，就会弹出Hello world这个框框。

5、我发现一个学习ExtJS的入门级别的ExtJS教程，推荐给大家，《ExtJS入门教程（超级详细）》

posted on 2017-03-26 16:10  Scarlett.H  阅读(419)  评论(0)  编辑  收藏  举报