Sencha ExtJS 和 Touch
文章平均质量分 52
神秘_博士
这个作者很懒,什么都没留下…
展开
-
找出引起 TypeError: c is not a constructor 的原因
5、执行页面逻辑(比如点击按钮啥的,就是触发一下脚本抛异常),就可以断点到此处了,就能知道是哪个类没requires了。这个问题是在生产环境下遇到,一般是因为少requires了某个类,如何知道是哪个类呢。2、看到的是压缩过的代码,点左下角{}美化一下。1、展开堆栈 找到 图中这行 点进去。3、重新执行1,就进入这个方法了。原创 2023-12-05 09:24:22 · 1465 阅读 · 0 评论 -
Sencha ExtJS v1.0.4 扩展不能“转到定义“的解决办法
VSCode 的 Sencha 扩展自动更新到了 1.0.4,但是扩展有bug,即无法"转到定义"原创 2023-07-19 10:13:15 · 310 阅读 · 0 评论 -
Sencha ExtJS v1.0.3 扩展不适用于最新版 VSCode 的解决办法
Sencha ExtJS v1.0.3 扩展不适用于最新版 VSCode 的解决办法原创 2023-02-27 09:55:26 · 373 阅读 · 0 评论 -
Sencha Cmd v7.5.0及以下 不兼容 MacOS Monterey (12.x) 的解决办法
Sencha Cmd 不兼容 MacOS Monterey (12.x) 的解决办法原创 2022-10-10 15:25:53 · 383 阅读 · 0 评论 -
解决 Sencha Cmd 报错 the following remote package repository directories did not initialize properly
不知何时开始,sencha cmd 一直有下面的警告Sencha Cmd v6.5.3.6[INF] Processing Build Descriptor : classic (production environment)[WRN] the following remote package repository directories did not initialize properly :[WRN] - /home/nadal/bin/Sencha/Cmd/repo/.sencha原创 2020-06-17 16:24:22 · 418 阅读 · 0 评论 -
解决 Sencha Cmd 报错 the following remote package repository directories did not initialize properly
不知道从那个版本的 Sencha cmd 开始,就报错 sencha-beta 远端库初始化失败,警告信息如下。Sencha Cmd v6.5.3.6[INF] Processing Build Descriptor : classic (production environment)[WRN] the following remote package repository directories did not initialize properly :[WRN] - /home/nad原创 2020-05-22 08:06:35 · 474 阅读 · 0 评论 -
[Sencha ExtJS] async 成员函数中不能使用 me.callParent()
上面的 ES7 代码,在 sencha app build 后变成下面的 ES5 代码可以看到 me.callParent 被包在了一个 function($jscomp$generator$context) {} 里面。而 callParent 方法的逻辑如下图。非 async 成员函数,method = this.callParent.caller 指向的是当前类的 callPar...原创 2019-12-04 11:28:04 · 389 阅读 · 0 评论 -
使用 Sencha Cmd 报错 Java heap space 的解决办法
Caused by: Java heap space at java.util.regex.Pattern.compile(Unknown Source) at java.util.regex.Pattern.<init>(Unknown Source) at java.util.regex.Pattern.compile(Unknown Source)...原创 2019-10-15 09:45:30 · 717 阅读 · 0 评论 -
搭建远程仓库(源)来托管 Sencha 包(Package)
在 之前的文章 中,我已经展示了如何使用本地 package。在本文中,我将向您展示如何在自己的服务器上创建和托管远程 package。要求对于这篇文章,你需要 Sencha CMD 和 一个网站空间,用来托管你的 package。这可以托管在您的企业内部服务器上或互联网上。如果您在www.your-company.com下有一个可用的网站空间,您可以创建一个子域“sencha”或...原创 2017-12-03 16:12:16 · 796 阅读 · 0 评论 -
[ExtJS] 表格中使用状态管理器 (Using State Manager for Grid Columns)
ExtJS 提供了非常强大的状态管理器 (State Manager),可以再许多组件上使用。 State Manager 允许您使用 LocalStorage 或 Cookies 保存视图的状态。只需初始化状态管理器并配置 stateful 和 stateId,即可轻松使用。下面举个例子,创建一个 Grid,它可以自动保存列的位置、可见列等信息,下次创建表格会自动应用这些设置。目前有两...翻译 2018-07-05 17:32:10 · 572 阅读 · 0 评论 -
[Sencha] Chrome/Safari touchmove preventDefault 报 treated as passive 错误解决
现象用最新的 Chrome,或者是 Android 系统更新最新的 Android Webview,会遇到这个错误[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus....原创 2018-07-11 17:32:56 · 763 阅读 · 0 评论 -
sencha app watch 代理到服务器端的设置
假设: 1、开发时,ExtJS App 利用 sencha app watch 启动的前端服务器地址为http://localhost:1840 2、服务端项目(后台服务器)地址为http://localhost:8080/backend 3、最后产品正式部署时,sencha app build构建的结果,直接放在服务端项目中使用正常情况下,开发时因为 ExtJS 前端项目地址和后台地址...原创 2018-07-10 16:34:06 · 1609 阅读 · 2 评论 -
创建 sencha ExtJS 6或7 项目的几种方法
假设 ExtJS SDK 解压到了 D:\extjs 目录下 比如: 注:以下所有命令里的 --modern 参数表示只创建 modern 的项目,如果要创建 classic 的项目,把参数改为 --classic 。如果要创建 classic 和 modern 混合 的 universal 项目,去掉该参数即可。只创建单个项目应用(app)方法一初始化 ExtJS ...原创 2018-05-03 13:11:42 · 5529 阅读 · 0 评论 -
[翻译] Ext JS 6.5 和 Sencha Cmd 6.5 GA(一般可用) 版本发布
原文链接: http://blog.csdn.net/lovelyelfpop/article/details/72510261英文原文:《Announcing Ext JS 6.5 and Sencha Cmd 6.5 GA | Sencha》我们代表整个Sencha团队, 兴奋地宣布发布 Ext JS 6.5 和 Sencha Cmd 6.5。 Ext JS 6.5 为 Modern翻译 2017-05-18 21:08:34 · 4378 阅读 · 0 评论 -
[Ext JS 6 By Example 翻译] 第8章 - 主题和响应式设计
转载自:http://www.jeeboot.com/archives/1231.html主题和响应式设计本章重点在 ExtJS 应用的主题和响应式设计。主要有以下几点内容:SASS 介绍和入门主题响应式设计SASS 介绍和入门SASS (Syntactically Awesome Stylesheets) 是一个样式语言,当你使用 SASS 代替 CSS转载 2016-12-27 11:29:38 · 1604 阅读 · 0 评论 -
[Ext JS 6 By Example 翻译] 第7章 - 图表(chart)
转载自:http://www.jeeboot.com/archives/1229.html使用图表本章中将探索在 ExtJS 中使用不同类型的图表并使用一个名为费用分析的示例项目结束本章所学。以下是将要所学的内容:图表类型条形图 和 柱形图 图表区域 和 折线 图表饼图 图表3 D 图表费用分析 – 示例项目图表在第一章中提过,我说 ExtJS 是一站式的几乎能转载 2016-12-27 11:28:00 · 4224 阅读 · 0 评论 -
[Ext JS 6 By Example 翻译] 第6章 - 高级组件
转载自:http://www.jeeboot.com/archives/1227.html高级组件本章涵盖了高级组件,比如 tree 和 data view。它将为读者呈现一个示例项目为 图片浏览器,它使用 tree 和 data view 组件。以下是本章将要讨论的主题:TreesData views拖放图片浏览器 — 一个示例项目本章的主要目标是探索 tree转载 2016-12-27 11:26:30 · 1676 阅读 · 0 评论 -
[Ext JS 6 By Example 翻译] 第5章 - 表格组件(grid)
转载自:http://www.jeeboot.com/archives/1225.html使用 Grid本章将探索 Ext JS 的高级组件 grid 。还将使用它帮助读者建立一个功能齐全的公司目录。本章介绍下列几点主题:基本的 grid排序渲染器过滤分页单元格编辑行编辑分组分组 grid(pivot grid)公司目录 —一个示例项目grid 组件是 Ext转载 2016-12-27 11:23:58 · 3119 阅读 · 0 评论 -
[Ext JS 6 By Example 翻译] 第4章 - 数据包装
转载自:http://www.jeeboot.com/archives/1222.html数据包装本章探索 Ext JS 中处理数据可用的工具以及服务器和客户端之间的通信。在本章结束时将写一个调用 RESTful 服务的例子。下面是本章的内容:模型SchemaStores代理过滤和排序做一个基于 RESTful 的小项目Model(模型)一个模型包含字段,字段类转载 2016-12-27 11:21:10 · 2387 阅读 · 0 评论 -
[Ext JS 6 By Example 翻译] 第3章 - 基础组件
转载自:http://www.jeeboot.com/archives/1219.html基础组件在本章中,你将学习到一些 Ext JS 基础组件的使用。同时我们会结合所学创建一个小项目。这一章我们将学习以下知识点:熟悉基本的组件 – 按钮,文本框,日期选择器等等表单字段的校验菜单和工具栏设计一个表单计算器程序– 本章的示例项目本章的主要目的是创建一个表单设计和一个转载 2016-12-27 11:18:40 · 2836 阅读 · 2 评论 -
[Ext JS 6 By Example 翻译] 第2章 - 核心概念
转载请注明出处:http://www.jeeboot.com/archives/1217.html核心概念在下一章我们会构建一个示例项目,而在这之前,你需要学习一些在 Ext JS 中的核心概念,这有助于你更容易理解示例项目。这一章我们将学习以下知识点:类系统,创建和扩展类事件Ext JS 对象的查询容器布局class system(类系统)Ext JS 提转载 2016-12-27 11:13:14 · 3246 阅读 · 0 评论 -
[ExtJS classic] 对表格中 文字溢出的单元格 显示 tooltip
ExtJS 6 Modern 的 Grid 有个很好的功能:鼠标悬停在 文字溢出的单元格 上,会显示 tooltip,如下图: 于是,我对 ExtJS Classic 的 GridPanel 实现了类似的功能: 代码如下,保存到 项目/overrides/grid/Panel.js:/** * 对表格 文字溢出的单元格 显示 tooltip */Ext.define(nu...原创 2018-07-31 10:54:41 · 834 阅读 · 0 评论 -
[Sencha Touch/ExtJS6] 仅生成单个 dom 元素的 hiddenfield 扩展组件
为什么为什么要写个 “仅生成单个 dom 元素的 hiddenfield”?因为 Sencha Touch/ExtJS6 1、自带的 hiddenfield 生成 dom 元素太多,比如会生成 label 的 dom 节点。而一般我们用 hiddenfield 作为隐藏控件,并不需要 label。单个 dom 元素可以提升性能。 2、自带的 hiddenfield 默认 hidden...原创 2018-08-16 08:49:55 · 334 阅读 · 0 评论 -
[Sencha ExtJS] HTML 和 ExtJS 组件
当你要创建一个网页时, 经常会发现,你知道怎样用原生的html来创建,却不知道如何使用浩如烟海的ext组件来实现。 本文将介绍一些使用ext组件创建html的一些技巧。组件的渲染首先让我们用一个简单的例子了解一下组件是如何渲染的:/** The renderTo config option specifies a parent DOM element for * renderi...转载 2018-09-06 10:28:36 · 1668 阅读 · 0 评论 -
ExtJS 7.0.0.156 SDK下载(和 Sencha Cmd 结合使用的 SDK)
截止2019.09.05,Sencha 还没有提供与 Sencha Cmd 结合使用的 ExtJS 7.0 SDK。 本 SDK 是我从 Open Source (Open Tooling) 版的 ExtJS npm 包中提取整合出来的。已经测试过,可以使用 Sencha Cmd + 此 SDK 创建项目。注意:此 SDK 里面没有官方 Examples 的代码。ext-7.0.0.15...原创 2019-09-05 12:19:58 · 3913 阅读 · 0 评论 -
ExtJS开发时,注意"游离"的组件实例引发内存泄漏
情形最常见的情况,就是不断创建右键菜单,如下:上面的代码,每次右键点击,都创建了一个 menu 实例,用完未销毁。以后再也无法引用到这些实例,这样就引发内存泄漏。这种错误的做法一般新人都会经历的。组件 不同于 一般的 object,一般的 object 可能可以被垃圾回收,但是组件实例因为有 dom 存在,需要销毁。一般,父容器的销毁,会自动销毁其下的子组件。然而上述代码中创建的 men...原创 2019-06-28 14:25:36 · 398 阅读 · 0 评论 -
开发动态加载包的ExtJS应用程序时,build 指定的 package
使用 Sencha cmd 6.5+ 和 ExtJS 6.5+ 可以创建由独立构建、动态加载的包组成的应用程序。此种模式适合多模块、多人开发的大型前端应用,可以实现运行时(浏览器浏览时)动态加载模块,提升页面打开的效率。这里有官方的示例:https://github.com/sencha-extjs-examples/MultiPackageDemohttps://github.com/ad...原创 2019-06-28 14:18:18 · 643 阅读 · 0 评论 -
应用程序缓存,ServiceWorker,PWA 和 开发支持 PWA 的 Sencha 应用
简介为了在离线和不稳定的网络环境中提供更好的体验,网站可以使用 ServiceWorker 离线缓存主要资源。 ServiceWorker 是与特定网站关联的 js 脚本,ServiceWorker 可以拦截前端网络请求,访问缓存中的文件或数据,提供给前端使用。当有人第一次打开网站时,浏览器会安装网站的 ServiceWorker 脚本,ServiceWorker 会缓存网站的主要资源(App...原创 2019-03-29 11:25:28 · 723 阅读 · 0 评论 -
ExtJS 6.5+ Modern 应用避开全面屏刘海的统一处理
CSS 变量 safe-area-inset-*iso 提供了一些 css 变量,可以用来避开刘海区域(notch 区域)。这些 css 变量已经成为了 w3c 标准。env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left)最简单的,只要...原创 2019-03-22 10:33:22 · 864 阅读 · 0 评论 -
VSCode 升级 1.31.0 后,Sencha 扩展无法使用的解决办法
刚刚把 VSCode 升级到了 1.31.0,结果 Sencha 扩展 不能用了,打开项目时,左下角没有了下图的Ext JS: xx% indexed打开 VSCode 的开发人员工具(帮助-切换开发人员工具),发现如下错误:错误位置在 C:\Users\你的用户名\.vscode\extensions\sencha.vscode-extjs-1.0.1\out\src\Logger.js...原创 2019-02-11 21:58:18 · 1440 阅读 · 0 评论 -
Sencha 项目多语言和多主题的 build 配置
Build Profiles多样化 build当一个 Sencha 应用需要多样化,比如多个主题的时候,可以利用 Build Profiles 配置不同的构建参数。实现方式是在 app.json 中添加如下的 builds 键,如下:"builds": { "classic": { "theme": "ext-theme-classic" }, "cr...原创 2018-11-23 08:51:39 · 792 阅读 · 0 评论 -
Sencha Cmd 6.5 之后,ant build 的参数在哪配置?
Ant Build 参数配置简介Sencha Cmd 6.5 之前,创建的 Workspace 和 应用 里面有 .sencha/app 目录,里面有一些 .properties 后缀的文件,如下图:这些 .properties 里面可以配置 Sencha Cmd 在 build 项目时候的一些行为,如下图:xxxx.defaults.properties 是 xxxx 构建时的默认配置...原创 2018-11-15 11:19:53 · 741 阅读 · 0 评论 -
ExtJS 一些命名规范(非官方)
类名规范1、除了包名和最后的文件名 是 首字母大写的 驼峰命名,中间的文件夹小写比如Task.view.xxx.yyy.log.HomeTask.view.xxx.yyy.log.HomeControllerTask.view.xxx.yyy.log.EditTask.view.xxx.yyy.log.EditController2、没必要文件名带着业务名称,可以按照业务名称分...原创 2018-11-08 12:29:16 · 515 阅读 · 0 评论 -
ExtJS 学习路径
Javascript 基础同步和异步回调json、ajax和jsonpcall()、apply()、bind()闭包作用域上下文this关键字原型和原型链基于原型的继承ECMAScript 6const / let函数的扩展箭头函数参数默认值object key value 简写模板字符串Array 的扩展forEach/map/some/eve...原创 2018-11-08 12:27:58 · 939 阅读 · 0 评论 -
关于 Grid 的 Buffered(延迟渲染/无限滚动)相关配置在 ExtJS 各版本中变化
数据量大的时候,GridPanel 如果开启了 Buffered(延迟渲染/无限滚动),会极大提升性能。原理是,重复利用表格行 Dom 元素,每次只渲染可见(一屏)的数据。所以,即使数据量再大,对性能的影响也很小。Ext JS 4.0.7Ext.data.Store: 只有buffered:Boolean配置项,默认为false,当有多数据记录时,设置为true,显示数据效率上会有提高。Ex...原创 2018-11-05 16:52:32 · 866 阅读 · 0 评论 -
[翻译] ExtJS 官方2018~2019发展路线
原文:https://www.sencha.com/blog/sencha-roadmap-update/概要在过去的一年中,我们一直在倾听开发人员的需求,我们发现大多数对Sencha感兴趣的开发人员都是寻求以下方面的企业Web开发人员:全面的核心框架,具有最新的Javascript标准支持新的漂亮组件和主题,以创建漂亮的企业应用程序现代工具链,用于构建优化,高性能,通用的应用程序用...翻译 2018-10-29 14:04:56 · 1750 阅读 · 0 评论 -
[Ext JS 6 By Example 翻译] 第1章 – 入门指南
转载自:http://www.jeeboot.com/archives/1211.html前言本来我是打算自己写一个系列的 ExtJS 6 学习笔记的,因为 ExtJS 6 目前的中文学习资料还很少。google 搜索资料时找到了一本国外牛人写的关于 ExtJS 6 的电子书 [Ext JS 6 By Example]。这份资料在 PACKT上卖 35.99 刀的,当然了万能的 g转载 2016-12-27 11:11:49 · 6263 阅读 · 3 评论 -
ExtJS 6 的一些 样式类配置项
样式类配置项有下面 4 种: baseCls、classCls、cls、userCls 它们有不同的使用场合。定义类时使用(Ext.define)即 定义控件类时,代表了 控件类 独有的一种特征baseCls取名一般是 x-xtype, 比如 x-button如果没有设置,则取 classCls,如果 classCls 也没设置,则一般默认为 x-xtype只在类...原创 2017-12-23 11:12:58 · 3534 阅读 · 0 评论 -
Sencha Cmd 6 和 Ext JS 6 指南文档(部分官方文档中文翻译)
最近组织了几个程序猿网友,正在翻译一部分官方的Sencha Cmd 6 和 Ext JS 6 指南文档。目前还没翻译完,大家可以先看看Sencha Cmd 6 和 Ext JS 6 指南文档 (Sencha Cmd 6 指南 、Ext JS 6 指南 )这里是官方文档的地址翻译的文档托管在开源中国oschina 感谢下面几位程序猿:魔狼再世、三湘、原创 2016-04-19 10:56:33 · 7462 阅读 · 1 评论 -
[Sencha ExtJs6 Modern] 多选list在清空store之后,list.getSelections()居然还能得到原来选的records
原文链接:一个配置了mode: 'MULTI'的list,就支持了多选操作。为方便演示,请看这个示例:https://fiddle.sencha.com/#fiddle/1eka操作步骤:1、在list中选择几条记录(record),比如选择3条2、点击"getSelectionCount"按钮,得到的值为33、点击"onRemoveAl原创 2016-08-03 13:24:27 · 1560 阅读 · 0 评论