知识总结 ExtJs"入门"

简介:


ExtJs"入门"

学习地址:http://extjs.org.cn/node/83


两段主要代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>zzk</title>
<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> 
<script type="text/javascript"> 
Ext.onReady(function(){
	alert('Hello World!');
	});
</script>
</head>

<body>
这是UTF-8格式编写的body部分
</body>
</html>


<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>zzk</title>
<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> 
<script type="text/javascript"> 
Ext.onReady(function(){
	Ext.MessageBox.alert('Message','Hello World!');
	});
</script>
</head>

<body>
这是UTF-8格式编写的body部分
</body>
</html>

简单解释一下上面代码

<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
这一个是引入ExtJs的默认样式

<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
ExtJs所需要的核心脚本全部都在这两个js文件中。

<script type="text/javascript">
Ext.onReady(function(){    
//页面初始化代码
});
</script>
Ext.onReady 是指在整个页面加载完后执行


ExtJS发布包目录: 

  • adapter:负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持的底层库。
  • build: 压缩后的ext全部源码(里面分类存放)。
  • docs: API帮助文档。
  • exmaples:提供使用ExtJs技术做出的小实例。
  • resources:Ext UI资源文件目录,如CSS、图片文件都存放在这里面。
  • source: 无压缩Ext全部的源码(里面分类存放) 遵从Lesser GNU (LGPL) 开源的协议。
  • Ext-all.js:压缩后的Ext全部源码。
  • ext-all-debug.js:无压缩的Ext全部的源码(用于调试)。
  • ext-core.js:压缩后的Ext的核心组件,包括sources/core下的所有类。
  • ext-core-debug.js:无压缩Ext的核心组件,包括sources/core下的所有类。


目录
相关文章
|
前端开发 JavaScript 开发者
利用 SplitingJS 配合 CSS 实现文字&quot;蠕动&quot;效果
利用 SplitingJS 配合 CSS 实现文字&quot;蠕动&quot;效果
285 2
|
8月前
|
JavaScript 编译器
模块 &quot;&quot;element-plus&quot;&quot; 没有导出的成员 &quot;ElMessage&quot;。你是想改用 &quot;import ElMessage from &quot;element-plus&quot;&quot; 吗?
模块 &quot;&quot;element-plus&quot;&quot; 没有导出的成员 &quot;ElMessage&quot;。你是想改用 &quot;import ElMessage from &quot;element-plus&quot;&quot; 吗?
226 0
|
编解码 前端开发 JavaScript
与babel的&quot;孽缘&quot;
Babel is a JavaScript compiler babel主要的职责就是将一些前沿时髦的JS特性通过&quot;翻译&quot;用到老旧的‘宿主’环境里。(浏览器,Node等)
|
JavaScript
理解JS函数调用和&quot;this&quot;
如果理解核心函数的调用机制,同时验证一些以核心函数为基础的其他实现方式的运行机制,关于上述所说的问题就会迎刃而解。
关于$(&quot;:button&quot;) 选择器的理解
关于$(&quot;:button&quot;) 选择器的理解
276 0
jQuery.sap.getModulePath(&quot;cus.crm.opportunity.css.Opportunity&quot;, &quot;.css&quot;)
jQuery.sap.getModulePath(&quot;cus.crm.opportunity.css.Opportunity&quot;, &quot;.css&quot;)
108 0
jQuery.sap.getModulePath(&quot;cus.crm.opportunity.css.Opportunity&quot;, &quot;.css&quot;)
|
移动开发 缓存 Dart
用前端最舒服的躺姿 &quot;搞定&quot; Flutter
当下最火的跨端技术,当属于 Flutter ,应该没人质疑吧。一个新的技术的趋势,最明显的特征,就是它一定想把“前浪”拍死在沙滩上。这个前浪,就是&quot;react Native&quot;,&quot;weex&quot;。目前随便在搜索引擎上 搜索&quot;Flutter reactNative&quot;,就全是这两个技术的对比,评测。
用前端最舒服的躺姿 &quot;搞定&quot; Flutter
|
C++
一起谈.NET技术,编写T4模板无法避免的两个话题:&quot;Assembly Locking&quot;&amp;&quot;Debug&quot;
  在这之前,我写了一系列关于代码生成和T4相关的文章,而我现在也试图将T4引入我们自己的开发框架。在实践中遇到了一些问题,也解决了不少问题。如果你也在进行T4相关的开发,相信你也一定会遇到这些问题。为此,特意将这些问题和解决方案与朋友们分享,希望在遇到这些问题的时候少走弯路。
1053 0