EXTJS攻略——自创版

最新推荐文章于 2022-06-23 16:03:37 发布
最新推荐文章于 2022-06-23 16:03:37 发布
阅读量407 收藏
点赞数 1
分类专栏： 项目亲历 文章标签： extjs 工作 文档 框架 工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aboykoy/article/details/6112654
版权

由于工作需要接触了EXTJS，也使用了一段时间，对该框架的知识在学习的过程中也有了一定的累积，从今年开始要转向另一项技术的使用，为了方便在以后开发工作中需要时快速捡起来，决定整理一下知识体系，完全自创，如有不对之处，还望指正。先来个目录吧。

（1）EXTJS资源篇——开发过程中需要的资料、文档及工具等集中收集在这里

（2）EXTJS介绍——EXTJS的功能、历史及现状

（3）从零开始，第一个EXTJS程序

（4）

aboykoy
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Extjs学习——绘图
u013237862的博客
04-14 1822
Extjs提供了一个Draw package来绘制图形和动画。在绘制图形时，需要包含：Draw Container，Sprites等。  Draw Container：The Draw Container is a surface to which sprites can be rendered. The Draw Container manages and holds a Surf
ExtJS——poa
03-28
标题中的"ExtJS——poa"可能是指在ExtJS框架中应用了POA（Plain Old JavaScript Object）的设计模式。在JavaScript开发中，POA是一种常见的术语，用来描述使用传统JavaScript对象，而不是特定框架或库的特性来构建...
Extjs7.0.0——Store篇
qq_41555595的博客
06-23 1084
关于 Extjs 中 Ext.data.Store的使用体会。
ExtJS4——window
u013127751的博客
03-23 552
Ext.onReady(function () { var win = new Ext.Window({ //创建一个新的Window窗体对象 title: '窗口', //窗体的标题 width: 476, //窗口宽度 height
ExtJS4——hello world
u013127751的博客
03-23 189
引入ExtJS4必要的js和css文件，在js部分调用ExtJS入口文件，弹出Hello World!
EXTJS攻略（自创版）——EXTJS资源集中收集篇
01-02 611
EXTJS攻略（自创版）——EXTJS资源集中收集篇 收集EXT开发过程中，比较有帮助的资源地址。
EXTjs开发————优雅的用extjs写一个柱状图
沉默的小猴子的博客
11-08 1020
简单的写法，extjs可以直接引用插件来写，这里将我发表在百度文库的文档简述下来，有兴趣也可以关注我的百度文库，ID：该用户已失踪。 主要部分的代码： $(document).ready(function(){ var myChart2 = echarts.init(document.getElementById('myChart2')); var option = { ...
ExtJS4——Ext.onReady、Ext.define、Ext.create基础方法
ヾ凉秋的博客
10-25 972
Ext.onReady 说明：onReady内的语句块会在页面上下文加载后再执行 例子： rel="stylesheet" type="text/css" /> Ext.onReady(function () { //获取页面元素，元素ID为“onReady” var input = Ext.get("onReady"); Ext.Msg.alert("隐藏控件内容",input.dom.value); });
extjs4.0——目录结构
u013444177的专栏
02-26 587
一、文件结构 在ExtJS官网下载好4.0的开发包解压后,我们得到如图的文件结构     文件/文件夹名 作用 builds  压缩后的ExtJS代码,体积更小,更快 docs  开发文档 examples  官方演示示例 locale  多国语言资源文件 pkgs  ExtJS各部分功能的打包文件 resource  ExtJS所需要的CSS与图片文件 src  未压
extjs4.0——布局介绍
junmoxie的专栏
08-04 1263
Extjs4.0的布局介绍： 1：Fit布局 子元素会自动填满整个父容器。注意在其布局下，对子元素设置宽带是无效的。如果在Fit布局中放置多个组件，智慧显示第一个元素。 最典型的用处也就是在一个window或panel中放置一个grid组件，让grid组件大小会随着父容器的大小而改变。 2：border布局 本人觉得大体的框架布局都用它来布局 border布局也成为边界布局
Extjs5.1 API离线版
05-22
Extjs5.1 API 离线版。可以离线使用api文档，快速开发extjs。
extjs6.5.3去水印版
08-14
extjs6.5.3去水印版，该包已将水印部分代码修改完成，可直接使用
ExtJS4.2版本完整版
06-17
ExtJS4.2版本完整版，里面例子什么都有！分享分享
深入浅出ExtJS第2版
07-22
资源名称：深入浅出ExtJS第2版 资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
IE8 的开发人员工具 出不来了 怎么办？
01-18 9307
IE8 的开发人员工具挺好用，就是有时候出问题， 主要症状是：点开该工具的时候，在工具栏有图标，但是点击没法展现出来，原因：由于未知原因，开发人员工具的窗口大小被设置成0高度，而且位置被设置到了屏幕左上方，出了屏幕之外了，所以怎么也看不到它，也移动不了它。 解决方案：在XP下可以右键，最大化Windows7下，可以使用视窗键+方向键来控制窗口的显示   
百度面试归来+笔试试题整理
09-26 3388
         9月24日，百度在电子科大开校园招聘。实在没有料到才9月中旬，各个大公司的校园招聘就如火如荼地展开了。总觉得学计算机的，不体验一下百度的招聘，是人生的一大遗憾。由于之前错过了百度的第一次笔试，这一次说什么也要硬着头皮去赶鸭子上架一番了。                6点半的宣讲会，我和老大5点40多到电子科大宣讲教室，教室过道、后廊、门口都站满了人，百度宣讲师宣布，这次笔试
关于IE8的又一个问题：无法去掉“禁用脚本调试”前面的勾的问题及解决方案
10-21 2857
关于IE8的又一个问题：无法去掉“禁用脚本调试”前面的勾的问题及解决方案
【项目亲历】JAVA JNI 获取任务管理器 所有信息
07-19 2137
    由于之前第一次使用本地方法时详细记录过程，2次使用本地方法省了不少事，但是还有遇到一些麻烦，用了一天的时间才弄出来，记录下过程。     步骤一：在“C:/c/com/swjtu/hardinfo”里建立文件SystemLoad.java，文件代码如下：  package com.swjtu.hardinfo;public class SystemLoad {
extjs openlayer2.10版本实现全屏
最新发布
09-20
在使用ExtJS与OpenLayers 2.10版本实现全屏展示时，可以通过一些简单的步骤来实现。下面是具体的方法： 1. 在ExtJS的视图文件中，创建一个Panel组件，用于承载OpenLayers地图。 2. 在Panel组件的配置项中，设置layout为'fit'，这样地图将会填充整个Panel。 3. 在Panel组件的渲染事件中，初始化OpenLayers地图对象。 4. 在初始化地图时，设置地图容器的大小为全屏。可以使用document.documentElement.clientWidth和document.documentElement.clientHeight来获取浏览器窗口的宽度和高度，然后将地图容器的宽度和高度设置为这些值。 5. 创建地图图层（Layers）和控制器（Controls）。 6. 将图层和控制器添加到地图对象中。 7. 在页面布局完成后，调用地图对象的updateSize()方法，以确保地图在全屏模式下正确显示。 下面是一个示例代码片段，展示了如何使用ExtJS与OpenLayers 2.10版本实现地图的全屏展示： ``` Ext.define('MyMapPanel', { extend: 'Ext.panel.Panel', layout: 'fit', initComponent: function () { this.on('afterrender', this.initMap, this); this.callParent(arguments); }, initMap: function () { var map = new OpenLayers.Map(this.body.dom, { // 设置地图容器大小为全屏 size: new OpenLayers.Size(document.documentElement.clientWidth, document.documentElement.clientHeight) }); // 创建地图图层和控制器 var layer = new OpenLayers.Layer.OSM(); var controls = [ new OpenLayers.Control.Navigation(), new OpenLayers.Control.Zoom() ]; // 将图层和控制器添加到地图 map.addLayer(layer); map.addControls(controls); // 更新地图大小 map.updateSize(); } }); // 在ExtJS布局中使用全屏地图 Ext.create('Ext.container.Viewport', { layout: 'fit', items: [{ xtype: 'mymappanel' }] }); ``` 通过以上步骤，我们可以使用ExtJS与OpenLayers 2.10版本实现地图的全屏展示。希望对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值