Ext JS 6.2.1常用功能
福生无量
自强不息,厚德载物。
展开
-
Ext JS在不同环境下使用不同域名
需求:测试环境、开发环境及生产环境所请求的api域名不同,在不修改源代码的情况下,通过命令自动实现根据不同的环境使用不同的api域名。环境:Ext JS: 6.2.0 GPL操作系统: Win 10Sencha Cmd:v6.2.2.36实现:一、build编译的三种形式:production 、 testing 、 package testing:构建一个处于原创 2017-05-08 18:53:07 · 705 阅读 · 0 评论 -
ExtJS的Ajax封装
对Ext JS的Ajax作了一个简单的封装,以期能适应业务需要。这里只展示了类中的一个方法,希望高手能多提意见。1、类的定义/** * 自己的Ajax */Ext.define('Mine.util.Ajax', { xtype: 'myajax', token: localStorage.getItem("my-token"), apiDomain: 'http原创 2017-04-20 15:53:11 · 627 阅读 · 0 评论 -
ExtJS使用Form提交数据
应用场景:如果只想在Form中,为控件设置name属性之后,不需要将数据重新整合成服务端需要的数据,只需要通过指定方法就能提交数据到服务器,是不是很方便呢?环境:一、客户端:OS: Win 10Ext JS: 6.2.0Sencha CMD: Sencha Cmd v6.2.2.36二、服务端:Ruby on Rails原创 2017-04-07 10:57:12 · 2672 阅读 · 0 评论 -
sencha cmd常用命令汇总
sencha cmd常用命令汇总一、sencha generate:自动生成项目或者代码1、sencha generate app 项目名称 生成路径:生成一个新的extjs项目注明:以上命令会从官网下载试用版本的ext代码到你本地,如果你已经下载到本地,需要用 -sdk命令指定本地的ext目录来生成你的应用程序,如下: sencha -sdk /这里是你的sdk路径/ gener转载 2017-06-19 10:38:12 · 785 阅读 · 0 评论 -
ExtJS 表格自定义列-动态widget
一、需求:表格中根据数据不同,动态渲染出不同的组件。二、环境:1、操作系统: Microsoft Windows 10 专业版2、OS 版本: 10.0.14393 暂缺 Build 143933、ExtJS: ExtJS 6.2.0 gpl4、Sencha Cmd v6.2.1.29三、实现1、数据列中:在'Ext.grid.Pa原创 2017-03-30 13:01:24 · 3276 阅读 · 2 评论 -
Layout run failed错误解决方案
一、问题描述:在Container中加入Ext.grid.Panel 时,发生如下错误:百度一下,仍未果。二、解决文案:对比之前写的代码,发现,只要在父元素中,加入width:X%即可解决。三、代码:从网上搜的各种都解决不了此问题,现上传错误与正确代码:1、错误代码: { xtype: 'container', layout:原创 2017-11-17 14:53:20 · 3454 阅读 · 1 评论 -
Ext JS 列表里的QuickTipManager翻页后不能正常显示的问题解决方案
需求:在列表里渲染一个图标,鼠标悬浮上后,显示一个弹出框,里面根据数据不同而显示对应的项。如下图:问题现象:当对列表进行翻页后,不能正常显示小框,且浏览器控制台反复打印红色错误。代码: displaySegmentBinding:function (image) { // debugger; Ext.tip.QuickTipManager.regist原创 2018-01-24 12:30:38 · 386 阅读 · 0 评论 -
Ext JS中使用SCSS变量调整样式
以示例进行说明,使用变量进行样式调整。一、示例需求:当选中一个表格时,会有额外的选择框样式,其实就是border。如下图,在“微红包”周围,有dotted的border-style边框。二、寻找对应的主题scss文件1、打开浏览器的,使用浏览器的开发者工具,使用选择工具,选中该元素。2、通过点选,发现选中后会添加一个类(x-grid-item-focused),并且多出了一个伪元素(::befor...原创 2018-03-20 12:59:19 · 2181 阅读 · 0 评论 -
生成Ext JS应用的一般步骤
一、新建一个工作空间sencha generate workspace /path/to/workspace二、为工作空间安装框架sencha workspace install --frameworks=/path/to/ext三、生成应用程序:/path/to/ext6为ext框架的目录,如果当前工作空间下没有框架,则会copy框架到工作空间中。sencha -sdk /pa...原创 2018-01-02 17:27:01 · 419 阅读 · 0 评论