首页 > TAG信息列表 > extjs
将 Sencha EXTJS 迁移到 ReactJS
使用 React 的优势React源于Linux和Javascript程序员的开发圈子,他们希望创建软件的扩展,可以执行所有活动,以举例和简化Web开发和软件开发的过程。那么是什么让 React 如此重要呢?ReactJs 环境为设置弹性或敏捷项目提供了充足的空间。这最大限度地减少了调试需求,减少了连接障碍的机会,ExtJS - UI组件 - MessageBox
更新记录 转载请注明出处:https://www.cnblogs.com/cqpanda/p/16587505.html 2022年8月17日 发布。 2022年8月13日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html MessageBox说明 Message Box常用于显示文本说明 使用Ext.window.MessageBoxExtJS - UI组件 - ButtonGroup
更新记录 转载请注明出处:https://www.cnblogs.com/cqpanda/p/16587354.html 2022年8月16日 发布。 2022年8月13日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html 说明 Ext.container.ButtonGroup(按钮组),按钮组的xtype为'buttongroup' 实例:ExtJS - UI组件 - Chart
更新记录 转载请注明出处:https://www.cnblogs.com/cqpanda/p/16587398.html 2022年8月16日 发布。 2022年8月13日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html Chart(图表)说明 图表的类型(Chart types) 说明 three types of charts: cartesExtJS - ExtJS最佳实践
更新记录 转载请注明出处:https://www.cnblogs.com/cqpanda/p/16583543.html 2022年8月14日发布。 2022年8月13日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html 不要手动为组件设置Id配置项 在大型项目中,手动设置组件id配置项容易导致id重ExtJS - Sencha Inspector
更新记录 转载请注明出处:https://www.cnblogs.com/cqpanda/p/16583533.html 2022年8月14日发布。 2022年8月13日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html 说明 Sencha Inspector是Sencha提供的Chrome插件 Sencha Inspector用于ExtJSExtJS - Router(路由)
更新记录 转载请注明出处:https://www.cnblogs.com/cqpanda/p/16581944.html 2022年8月13日发布。 2022年7月26日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html Router(路由) 说明 路由使用URL中的锚定位,通过URL地址中的#后面的部分进行对页ExtJS - Deployment Application(部署应用)
更新记录 2022年8月12日发布。 2022年7月26日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html 说明 如果是直接引入ExtJS方式进行开发应用,部署时复制对应的文件即可 如果使用Sencha CMD方式进行开发的,则需要Sencha CMD进行编译代码 Sencha CExtjs实现在线预览word文件,仅支持docx
实现思路参考vue的docx-preview的word在线预览。 注:引入polyfill.min.js、jszip.min.js、docx-preview.js文件; js文件下载: https://github.com/dimoGH/docx 废话不多说,上菜: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tExtJS-内置字体图标(Font)
更新记录 2022年7月27日 发布。 2022年7月6日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html 说明 ExtJS内置支持三种字体图标 Font Package Package Name fontCls iconPrefix fontFamily ExtJs font-ext ext ext ExtJS Font AweExtJS-Localization(本地化)
更新记录 2022年7月27日 发布。 2022年7月6日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html ExtJS本地化(Localization) 使用方法1-直接引入JS 此方法适合直接引入CSS文件和JS文件项目 将build目录复制到项目文件夹下 \ext73\7.3.0.55\commExtJS-事件管理-拖拽事件(Drag and Drop)
更新记录 2022年7月26日 发布。 2022年7月16日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html 拖拽事件(Drag and Drop) 拖拽说明 Any element or a component can be enabled for drag and drop 拖动操作本质上是在按住鼠标按钮并移动鼠标时ExtJS-事件管理-事件实例
更新记录 2022年7月26日 发布。 2022年7月16日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html 事件实例 监听渲染前事件 listeners: { beforerender: function(component, eOpts) { console.log('Center tabpanel before rendeExtJS-事件管理-鼠标事件(Mouse Events)
更新记录 2022年7月25日 发布。 2022年7月16日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html 鼠标事件(Mouse Events) 说明 键盘事件(Keyboard events) 实例:表单文本框监听键盘弹起事件 需要先开启键盘事件支持enableKeyEvents: true 然后再监ExtJS-应用结构-简单单页结构
更新记录 2022年7月25日 发布。 2022年7月16日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html ExtJS-应用结构-简单单页结构 使用方法 引入对应的CSS文件 <link rel="stylesheet" href="/resources/ext-theme-neptune/ext-theme-neptune-alExtJS-事件管理-事件介绍
更新记录 2022年7月24日 发布。 2022年7月16日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html ExtJS事件介绍 ExtJS中支持DOM事件、组件事件、手势事件 事件允许代码对应用程序周围的更改做出反应。 实例:配置ExtJS内置事件监听 当ComponenExtJS 数据处理-Session(会话)
更新记录 2022年7月23日 发布。 2022年7月16日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html Ext.data.Session(会话) 说明 Ext.data.Session类型 Session 可以关联到UI component、ViewModel、Store 一旦数据加载到其中,它就管理数据并处理ExtJS-应用结构-应用结构介绍
更新记录 2022年7月23日 发布。 2022年7月16日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html ExtJS应用结构介绍 Ext JS同时支持MVC和MVVM应用程序架构 这两种架构方法共享某些概念,并专注于沿着逻辑线划分应用程序代码 每种方法都有其优势ExtJS 数据处理-Ext.Ajax
更新记录 2022年7月23日 发布。 2022年7月16日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html Ext.Ajax 说明 Ext.Ajax是一个单例对象,用于处理web请求 Ext.Ajax是Ext.data.Connection类型的单例实例 Ajax is asynchronous by default 实例ExtJS 数据处理-Associations(关联)
更新记录 2022年7月21日 发布。 2022年7月16日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html Associations(关联) 关联说明 模型(Model)可以与通过关联(Associations)联系在一起 要定义实体之间的关系,支持的关联类型: 一对一(One-to-One) 一对多(OnExtJS 数据处理-Validations(验证器)
更新记录 2022年7月21日 发布。 2022年7月16日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html Validations(验证器) 验证器说明 模型支持模型数据的验证 定义验证在模型中使用validators属性即可 validators: { //单个验证条件 '字ExtJS 组件查询(Component Query)
更新记录 2022年7月20日 发布。 2022年7月6日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html 组件查询(Component Query) 说明 Ext.ComponetQuery是预定义的单例对象,不需要实例化 Ext.all() 使用类似CSS选择器的语法匹配所有符合条件组件 ExExtJS DOM操作-查询(DOM Query)
更新记录 2022年7月20日 发布。 2022年7月6日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html DOM操作-查询(DOM Query) 说明 DOM常用查询方法:get、query、select、fly 查询单个DOM元素-Ext.get() Ext.get(id /HTML DOM) : Ext.dom.ElementExtJS DOM操作-Element类 UI操作
更新记录 2022年7月19日 发布。 2022年7月6日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html DOM操作-UI处理-尺寸操作 设置高度 elem.setWidth(200); 设置高度(动画效果) elem.setWidth(200, true); 设置高度(动画效果)(具体动画参数) eleme.ExtJS DOM操作-Element类 节点增删改查
更新记录 2022年7月19日 发布。 2022年7月6日 从笔记迁移到博客。 ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html DOM操作-节点管理-增加 添加子节点 element.appendChild ( el, [returnDom] ) : Ext.dom.Element/HTMLElement 说明: 参数el可以是String/HTML