zoukankan      html  css  js  c++  java
  • 在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入门教程(超级详细)》

  • 相关阅读:
    列表的常用的方法(内建函数)
    关于集合
    scribe、chukwa、kafka、flume日志系统对比
    iptables,lokkit,ebtables,arptables---logrotate
    MTA---smtp(25,postfix,sendmail),Pop3(110,Devocot), MUA(foxmail) IMAP(server,client rsync)
    DNS named. bind linux (ACL/View)---dnsmasq-with docker,hosts in docker.
    javascript closure
    Typed Arrays in javascripts
    OpenPGP协议的一个JavaScript实现:OpenPGP.js
    公有云安全工具
  • 原文地址:https://www.cnblogs.com/yingchuan-hxf/p/6623100.html
Copyright © 2011-2022 走看看