zoukankan      html  css  js  c++  java
  • extjs初级入门之ext初始化

    首先当然是准备工作,去官方网站www.extjs.com网站上面去下载一个最新的包。其他不用多说了 自己先搭建个IIS环境 可以边看DOCS和EXAMPLES边做,我没有太好的方法也只有边看,边查。

    最基本的当然是引入ext的底层类库

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

    当然这个是我自己项目的目录树,你自己的按照自己的要求

    还有就是引入ext的样式表

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

       用过jq的人都知道jq的初始化是$(function(){})这种写法;而ext呢,他自己封装了一个初始化的方法Ext.onReady(function(){})

       现在简单的写一下按回车默认到按钮事件         

    Ext.onReady(function() {
    document.onkeypress
    = function(evt) {
    evt
    = (evt) ? evt : ((window.event) ? window.event : "")
    keyCode
    = evt.keyCode ? evt.keyCode : (evt.which ? evt.which : evt.charCode);

    if (keyCode == 13) {
    btnLogin.click();
    }
    }
    });

    当然了所有的程序都是免不了什么helloword之类的 我也简单的写一个

    Ext.onReady(function() {
    Ext.Msg.alert(
    "Ext我会努力学会你的!");
    });
    拷贝下去自己试验一下 。
  • 相关阅读:
    Idea安装Scala插件(转)
    serialVersionUID的作用(转)
    [转]学习win10的bash使用ssh连接远程服务器
    [转]使用 Travis CI 部署你的 Hexo 博客
    【转】H5
    【转】Virtual DOM
    【转】hexo博客图片问题
    【转】V8 之旅: 垃圾回收器
    关于react-redux中Provider、connect的解析
    【转】webpack4
  • 原文地址:https://www.cnblogs.com/hack1506/p/1994007.html
Copyright © 2011-2022 走看看