Ext-JS
码农人生1314
这个作者很懒,什么都没留下…
展开
-
Extjs6 修复IFrame插件,若URL异常则打开404请求界面
Extjs6 IFrame.js插件使用BUGIFrame.js 内部对iframe标签进行封装,iframe内置事件onload,onerror,经过反复测试onerror事件并不会触发。不管打开的url请求是否成功onload方法都会执行且IFrame.js中onload方法中获取的doc始终为null。故该插件存在一些bug。解决方案因为iframe无法获取到HTTP请求的状态码...原创 2019-11-30 16:30:50 · 568 阅读 · 0 评论 -
[Extjs6] 修改默认的日期月份格式
//汉化日期Ext.Date.monthNames = [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月' ];转载 2016-10-28 17:58:32 · 1311 阅读 · 0 评论 -
[Extjs6]清除数组内容
清除数组数据可以使用Ext.Array的方法Ext.Array.erase(tipValues,0,tipValues.length);原创 2016-10-28 18:11:49 · 1974 阅读 · 0 评论 -
[Extjs6]如何使用sencha cmd创建项目及如何启动修改项目创建新的界面
创建项目Admin本次是使用ext6.0.2的sdk创建以下项目.使用sencha -sdk ./XXX generate app -s ./XXXX/templates/XXX Admin ./Admin命令。 修改项目配置文件 app.json在项目的根目录有app.json文件,需要修改其中output的base属性,具体如下图所示: "output": { //"base"原创 2016-10-29 10:26:00 · 7861 阅读 · 10 评论 -
[Extjs6]随记-使用h5的placeholder给编辑框添加提示效果
{ xtype : 'textfield', id: 'ShuJuZiDianManageKeyWordId', width : 250, listeners:{ render:function(self,opts){ $("#ShuJuZiDianManageKeyWordId-inputEl").attr("p原创 2016-11-10 17:07:17 · 2149 阅读 · 0 评论 -
[Extjs6]浅谈Ext.data.Store的使用.
定义modelExt.define('Example.model.Contact', { extend: 'Ext.data.Model', fields: ['id', 'name', 'phone', 'email']});创建store//方式一var exampleStore = Ext.create('Ext.data.Store',{ model: 'Exam原创 2016-10-20 21:11:43 · 8795 阅读 · 3 评论 -
[Extjs6]随记 创建store 实现添加、修改、删除功能
//创建本地组织关系维护界面organizeLocalStore = Ext.create('Ext.data.Store',{model: 'Admin.model.baseinfo.organize', autoLoad: true, pageSize: 8, autoLoad: {start: 0, limit: 8}, proxy: {原创 2016-11-10 17:04:31 · 5221 阅读 · 0 评论 -
[Extjs6] SimManager创建模拟测试数据
//////////////////////////////////对proxy的url进行解析/////////////////////////////////API.jsExt.define('Admin.proxy.API', { extend: 'Ext.data.proxy.Ajax', alias: 'proxy.api', reader: { ty原创 2016-11-08 13:07:59 · 1231 阅读 · 0 评论 -
[Extjs modern] 如何在gridpanel的列中添加按钮
modern APIencodeHtml:默认是true, 此时使用renderer事件的时候并不会将返回值当作html来解析,而是直接将html当作文本来显示。 解决方法使用cell.setEncodeHtml(false);迫使cell直接将返回值当作html进行解析。显示效果显示出了button按钮。原创 2016-10-31 17:00:15 · 2019 阅读 · 0 评论 -
[Extjs modern] 如何将datepickerfield 提示的cancel和done改成中文
前言默认取消是显示cancel,确定是显示done。实际需求中可能是显示取消和确定。官网api在移动端的控件上又没有提供相关的修改API。本次采用的方式是直接修改源码。 Ext.field.DatePicker 继承自 Ext.picker.Picker。步骤下面是Picker的源码:此处是显示button的文本为Done。 取消按钮默认为cancel。 找到相对于的位置,修改相应的源原创 2016-11-01 15:19:07 · 1815 阅读 · 4 评论 -
[Extjs6] 使用extraParames参数给Ext.data.Store添加额外的参数
定义store 注意extraParames参数的使用。Ext.define('Test.store.Contacts', { extend: 'Ext.data.Store', model: 'Test.model.Contact', autoLoad: true, pageSize: 35, autoLoad: {start: 0, limit: 35},原创 2016-11-18 19:42:56 · 10212 阅读 · 3 评论 -
[Extjs6]Ext.data.Model的id field字段必须存在
model对应的对象需要要id字段如果将数据库中的某个表映射到Extjs的一个model上,则该表需要创建一个id字段。如果不存在该字段则在讲json数据封装成相应的对象上时会出错~ Extjs model要求id必须存在且唯一,内部store对record的维护也是通过这个id来唯一标识。原因原创 2016-11-18 19:54:02 · 2380 阅读 · 0 评论 -
[Extjs6] 线性数组的形式返回一个TreeStore数据
采用这种方式就不用再为封装children而吃力,这种处理方式应该会相对方便点。原创 2016-11-19 21:09:30 · 1467 阅读 · 0 评论 -
[Extjs6] Ext.data.Store Gridpanel默认选中一些记录
var store = gridPanel.getStore(); store.proxy.extraParams.userName = gridPanel.userName; store.load({ callback: function(records,operation,success) {原创 2016-11-24 12:53:13 · 1644 阅读 · 0 评论 -
[Extjs6] treepanel 选中父节点-相关的子节点的选中情况同父节点
在checkchange事件中处理checkchange:function(node,checked,eOpts){ console.log("checkchange..."); console.log(node), console.log(checked); checkedChildNod原创 2016-11-23 14:34:09 · 2236 阅读 · 0 评论 -
[Extjs6] treepanel 对树的模糊搜索展开
/* * 根据首匹配节点展开树的目录 * root: 树根节点 * parentNodes: 父节点集合 * regExp: 正则验证 * text:字段名 */function searchTree(root,parentNodes,regExp,text){ log("current node.."); log(root);原创 2016-11-25 09:21:33 · 3074 阅读 · 0 评论 -
Extjs6 修改form field 默认属性在必填项前加*
Ext.form.field.Text.override({ initComponent:function () { if (this.fieldLabel && this.fieldLabel.indexOf("*") === -1 && (this.allowBlank === false ||this.validateBlank ===true)) {原创 2017-05-18 14:41:47 · 2308 阅读 · 0 评论 -
[Extjs modern]视图绘制顺序简单分析
源码下面贴出部分工作代码供分析,可能会去除一些不必要的东西,仅供参考Ext.define('Admin.view.base.KaoQinManage',{ extend:'Ext.Container', xtype: 'kaoqinmanage', requires:[ 'Ext.chart.series.Pie', 'Ext.tip.Tool原创 2016-10-27 21:09:54 · 1078 阅读 · 0 评论 -
[Extjs6]随记--创建window窗体对象
//异常车次率 motorErrorFunc:function(node,event){ console.log("异常车次率"); console.log(node); console.log(node.previousNode("lineoverview")); var lineOverView = node.previou原创 2016-09-29 21:08:25 · 2344 阅读 · 0 评论 -
[Extjs6]随记(创建pie3D饼状图)
Ext.define('Admin.view.smartdispatch.LineOverview',{ extend: 'Ext.panel.Panel', xtype: 'lineoverview', requires: [ 'Ext.chart.PolarChart', 'Ext.chart.interactions.Rotate',原创 2016-09-29 21:04:35 · 2623 阅读 · 0 评论 -
[ExtJs6] 环境搭建及创建项目
1. 环境搭建sencha cmd 和 extjs6 sdk.sencha cmd: https://www.sencha.com/products/extjs/cmd-download/extjs6: https://www.sencha.com/sencha cmd 安装过程将其加入系统的环境变量path中。extjs6 解压即可。2. sencha cmd 常用命令查看sencha原创 2016-09-25 09:35:16 · 8952 阅读 · 3 评论 -
[Extjs6]浅谈对admin-dashboard模板左侧菜单树的修改
修改前如何找到模板的入口View?1)打开app.js。发现默认的主视图是Admin.view.main.Viewport。 2)找到Admin.view.main.Viewport的定义。 3)查看items属性即可知道具体的定义组件。 4)打开NavigationTree.js文件。 如何修改?只需对NavigationTree.js中的数据进行相关的修改即可达到自定义左原创 2016-09-25 10:31:14 · 6430 阅读 · 5 评论 -
[Extjs6] 对gridpanel数据显示前对其进行相关的格式处理
header : "是否禁用",width : 100,flex : 1,dataIndex : 'isforbidden',renderer : function(value) {return value == 0 ? "否" : "是";}原创 2016-10-21 17:36:24 · 1155 阅读 · 0 评论 -
[Extjs6]随记 store本地过滤数据显示
var _departName = Ext.getCmp("departmentNameId").value; var _store = Ext.getCmp('departmanage').getStore(); // 检索的正则 var regExp =原创 2016-09-26 18:30:59 · 3720 阅读 · 1 评论 -
[Extjs6]Ext.application设置mainView后无法修改,切换界面采用以下方法
经过测试,如果直接对Ext.application的mainView界面进行切换,是费力而效果不好。不如换一种思路解决。 首先自定义好程序显示的一个容器,我们在对这个容器的items进行操作的时候就会便利许多。1)定义好容器 mainContainer//MainContainer主要是用来作为程序显示主容器Ext.define('Admin.view.main.MainContainer',原创 2016-10-23 08:59:29 · 2884 阅读 · 2 评论 -
[ExtJs6]随记--去除extjs trial水印
Extjs6 打开项目根目录下的ext/classic/theme-base/sass/src/window/Window.scss打开文件,搜索ext-watermark(Extjs6.0.2是在320行)。然后注释掉如下两段代码。&:after {//font-family: ext-watermark;-------注释这一行font-size: ($ui-header-li转载 2016-10-09 14:47:39 · 6383 阅读 · 6 评论 -
[ExtJs6] scope更改this的作用域&& previousNode&&query
{ iconCls: 'icon-reset', text: '取消', scope: this,//注意此处的用法 handler: function(){ console.log(this); } }previousNode 可以向上根据xtype查询最近的一个结点query可以向下根据xt原创 2016-10-13 22:14:44 · 2041 阅读 · 0 评论 -
[ExtJs6] A demo to create a window
Ext.create('Ext.window.Window', { title: "ffdsfaf", height: 500, widt原创 2016-10-13 22:16:45 · 486 阅读 · 0 评论 -
[Extjs6] Ext.data.Store&&Ext.data.ArrayStore
Ext.data.Store Ext.data.ArrayStorefields:[], fields:[],data:[{}] data:[[]]store: Ext.create('Ext.data.ArrayStore',{fields:['direction','roadBoard','car','driverNo','driver','singleLineTime','car原创 2016-10-13 22:19:52 · 1208 阅读 · 0 评论 -
[ExtJs6]combox&&timefield&&checkbox
{ xtype: 'combobox', fieldLabel : 'state', id: 'stateId-lines-'+lineN原创 2016-10-13 22:23:03 · 616 阅读 · 0 评论 -
[Extjs6] 组件的显示和隐藏
{ text: '隐藏功能按钮', handler:function(menu,item){原创 2016-10-13 22:24:50 · 3321 阅读 · 0 评论 -
[Extjs6]获取gridpanel内选中的数据
var records = lineDetailPanel.getSelection(); console.log("手动发车"); Ext.Array.each(records,function(item,index){原创 2016-10-13 22:26:26 · 2107 阅读 · 0 评论 -
[Extjs6]treepanel内数据的过滤实现
//菜单树过滤 searchTextChanged:function(node,newValue){ //console.log("searchTextChanged"); //console.log(this.lookupReference('treelist')); alert('searchTextChanged'); v原创 2016-10-13 22:28:29 · 2145 阅读 · 1 评论 -
[Extjs6] 页面电话号码点击后进入打电话界面
13255558980 13255558980">13255558980原创 2016-10-25 09:57:26 · 878 阅读 · 0 评论 -
[Extjs6] 随记--如何修改font awesome图标的样式
在iconCls: ‘fa fa-bus busClass’ 。其中fa fa-bus是定义一个bus图标的矢量图 busClass是自定义的样式 用来控制前面bus的图标样式在sass文件中定义busClass样式,即可修改矢量图标的样式已达到项目的需求。原创 2016-10-14 20:06:25 · 3497 阅读 · 0 评论 -
[Extjs6] 随记--store中定义数据及使用
在app下store的data文件下定义好数据并且配置storeId。在application的stores属性中引入。使用的时候在store属性上添加storeId即可。原创 2016-10-14 20:15:08 · 1334 阅读 · 2 评论 -
[Extjs6] Ext.draw.Container 添加sprite并添加spriteevents事件处理函数
Ext.define('Admin.view.xxxxxx',{ extend: 'Ext.draw.Container', xtype: 'smartdispatchlinestation', requires: [ 'Ext.draw.Component', 'Ext.draw.plugin.SpriteEvents' ],原创 2016-10-14 20:21:56 · 1818 阅读 · 0 评论 -
【Extjs6】给tabpanel添加右键菜单
var currentItem;Ext.define('Admin.view.main.MainTabView',{ extend: 'Ext.tab.Panel', xtype: 'maintabview', id: 'maintabview', items: [], plugins: Ext.create('Ext.ux.TabCloseMenu', {原创 2016-09-21 18:04:27 · 2417 阅读 · 0 评论