• ExtJS5.0 菜鸟的第一天


    1、新项目开始啦,后台用户管理页面涉及到表格数据添加,修改内容比较多。准备用EXTJS框架搞下,对于我这种JS不咋地的人来说,还真是个挑战。整了2天,才搞出一个Hello,world!我也是醉了。。

    下载ExtJS; 

    1.build 这个文件夹下有真正需要引入的文件

    3.examples 官方示例

    6.packages 包含了extjs的主题、语言包,css等

    8.ext-all 必须引入的核心文件

    9.ext-all-debug 未压缩的ext-all文件

    其他文件暂时不知道作用。

     2、hello,world!

    新建文件hello.html,把ext-all.js packages文件拷到同目录。

     hello.html文件引入ext-all.js及packages目录下ext-locale-zh_CN.js,ext-theme-classic-all.css文件。

    hello.html 插入代码

    Ext.onReady(function () {
         Ext.Msg.alert('title', 'Hello World!');
     });

    最终代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>hello world</title>
    <script src="ext-all.js"></script>
    <script src="packages/ext-locale/build/ext-locale-zh_CN.js"></script>
    <link href="packages/ext-theme-classic/build/resources/ext-theme-classic-all.css" rel="stylesheet"/>
    </head>
    
    <body>
    <script type="text/javascript">
     Ext.onReady(function () {
         Ext.Msg.alert('title', 'Hello World!');
     });
    </script>
    </body>
    </html>

    运行hello.html,运行成功显示:

  • 相关阅读:
    sentinel.conf样例
    哨兵模式java实例
    哨兵模式启动redis
    华为笔试:直角三角形个数
    leetcode 337. 打家劫舍iii
    leetcode 494. 目标数
    leetcode 394. 字符串解码
    leetcode 128. 最长连续子序列
    链表快排
    leetcode 877. 石子游戏
  • 原文地址:https://www.cnblogs.com/kk073000/p/5130290.html
Copyright © 2020-2023  润新知