下载此文档

Extjs学习笔记1-19.docx


文档分类:外语学习 | 页数:约73页 举报非法文档有奖
1/73
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/73 下载此文档
文档列表 文档介绍
ExtJs学****笔记(1)_Hello World!
extjs最新版,可从下载,下载包解压后docs目录里,就是API文档,samples目录里是示例
今天接触了下ExtJs,确实不错,先来一个最经典的Hello World.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<html xmlns="9/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="../resources/css/ext-" />
     <script type="text/javascript" src="../adapter/ext/ext-"></script>
    <script type="text/javascript" src="../ext-"></script>
    <title>ExtJs Study</title>
</head>
<body>
<script type="text/javascript">
     (function() {
        //定义一个函数,功能为弹出一个对话框
        var fHelloWorld = function(){
             ({
                 title: "ExtJs Study",
                 msg: "Hello World",
                 width: 200,
                 buttons:
             });
         }
        
        //这就是Ext获取页面元素的方法,简单吧
        var oBtnHello = ("btnHello");
        
        //将元素居中
         ();
        
        //为元素动态增加Click事件
         ("click", fHelloWorld)
     });
</script>
<button id="btnHello">Hello World</button>
</body>
</html>
解释:
,用了几个简单的方法,,center()将对象居中,
最后运行效果如下:
ExtJs学****笔记(2)_Basic GridPanel[基本网格]
这一节,将学****如何使用网络上最常见的UI控件_Grid
:
静态示例其实官方下载包里,就有sample,这里只贴出代码,后面的如何跟WCF结合,做出动态版的Grid才是本文重点
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<html xmlns="9/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="../resources/css/ext-" />
     <script type="text/javascript" src="../adapter/ext/ext-"></script>
    <script type="text/javascript" src="../ext-"></script>
    <title>ExtJs Study</title>
</head>
<body>
<script type=

Extjs学习笔记1-19 来自淘豆网www.taodocs.com转载请标明出处.

相关文档 更多>>
非法内容举报中心
文档信息
  • 页数73
  • 收藏数0 收藏
  • 顶次数0
  • 上传人755273190
  • 文件大小0 KB
  • 时间2015-04-10