ExtJs学习笔记---HelloWorld

最新推荐文章于 2025-05-10 22:30:50 发布

iteye_19339

最新推荐文章于 2025-05-10 22:30:50 发布

阅读量117

点赞数

分类专栏： ExtJs 文章标签： xhtml javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_19339/article/details/82101070

版权

ExtJs 专栏收录该内容

1 篇文章

订阅专栏

提供最新Ext的下载地址：[url]http://www.sencha.com/products/extjs/download/[/url]

下载后解压，docs目录是它的APi文档，example目录是它的示例

先来个最easy的helloworld：

<!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">    <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />     <script type="text/javascript" src="../adapter/ext/ext-base.js"></script>    <script type="text/javascript" src="../ext-all.js"></script>     <title>ExtJs Study</title></head><body>
<script type="text/javascript">
  Ext.onReady(function() {
  //定义一个函数,功能为弹出一个对话框
  var fHelloWorld = function(){
  Ext.MessageBox.show({
  title: "ExtJs Study",
  msg: "Hello World",
  width: 200,
  buttons: Ext.MessageBox.OK
  });
  }
  //这就是Ext获取页面元素的方法，简单吧
  var oBtnHello = Ext.get("btnHello");
  //将元素居中
  oBtnHello.center();
  //为元素动态增加Click事件
  oBtnHello.on("click", fHelloWorld) });
</script><button id="btnHello">Hello World</button>
</body>
</html>