Tag: extjs4

将自定义项添加到extjs中的单选按钮

我在extjs中有这个单选按钮组 { xtype: ‘radiogroup’, flex: 8, vertical: true, columns: 1, labelWidth: 50, id: ‘radio_group_id’, fieldLabel: ‘Group Label’, items: [{ boxLabel: ‘option 1’, name: ‘rb-auto’, inputValue: 1, checked: true }, { boxLabel: ‘option 2’, name: ‘rb-auto’, inputValue: 2 }, { boxLabel: ‘option 3’, name: ‘rb-auto’, inputValue: 3, // is this somehow possible items:[{ xtype:’numberfield’, // number […]

不推荐使用主线程上的同步XMLHttpRequest

我试图从我的ext js 4.1应用程序中删除以下警告。 主线程上的同步XMLHttpRequest由于其对最终用户体验的不利影响而被弃用。 如需更多帮助,请访问http://xhr.spec.whatwg.org/ 。 所以我做了一些研究,在ext js中找到了以下链接。 ExtJS 4.2 – “Sychronous XMLHttpRequest”警告的可能原因? 因为他们要求删除Ext.Loader并用ext.require替换它。 所以我有三行包含ext.loader我需要像这样替换ext.require Ext.Loader.setConfig({enabled:true}); Ext.Loader.setPath(‘here-aps.plugin’, here-ext4Path.replace(‘/scripts/here-aps-extjs4’, ‘/js/here-aps/plugin’)); Ext.Loader.setPath(‘here-aps’, here-ext4Path + ‘/here-aps’); 转换成 Ext.require.setConfig({enabled:true}); Ext.require.setPath(‘here-aps.plugin’, here-ext4Path.replace(‘/scripts/here-aps-extjs4’, ‘/js/here-aps/plugin’)); Ext.require.setPath(‘here-aps’, here-ext4Path + ‘/here-aps’);

无法在ExtJS 5中的’Element’上执行’querySelectorAll’

我正在尝试使用Ext.dom.Query.Select方法来查找具有类名称square和highlightedReactangle.Same方法正在使用extjs 4所有div,但在升级到extjs 5它开始抛出错误。 未捕获的SyntaxError:无法在’Element’上执行’querySelectorAll’:’div:any(div.square | div.highlightedReactangle | div.highlightedReactangleIE | div.pin | div.redCircleCount | div.stampPreviewCls)’不是有效的选择器。 我用来查找相关div的声明是, this.el.select(“div:any(div.square|div.highlightedReactangle|div.highlightedReactangleIE|div.pin|div.redCircleCount|div.stampPreviewCls)”, true); 我遗失的是什么?

在Sencha ExtJS框架中应该删除哪些组件事件? (恼人的红线)

当使用它的分割条(组件的上边缘)调整此组件的大小时,这条恼人的红线会随机出现。 我确实通过删除它的CSS类来弄清楚如何永久地删除红线,但是有一个问题22.我很难在Sencha ExtJS框架中删除这个Activity1组件的CSS类。 我有一个样式问题,其中backgroundColor样式属性显示该组件内容器的非常特定布局的红线。 红色实际上来自名为“.x-border-layout-ct”的类。 由于这三个组件的backgroundColor是’#F1F1F1’(white-ish),并且由于这三个组件位于Activity1之上,因此它应该掩盖Activity1 backgroundColor。 事实上它确实存在,但只有当我将Activity1面板(在视口中)调整为特定大小时。 我能够通过使用“this.removeCls(’。x-border-layout-ct’)”删除此类来纠正问题,但如果我应用“this.callParent(arguments)”,则它无法正常工作。 在这种情况下,CSS类会回来。 避免使用“this.callParent(arguments)”并不好,因为面板标题不会被渲染。 Ext.define(‘App.view.module1.Activity1’, { extend: ‘Ext.form.Panel’, xtype: ‘view-module1-activity1’, title: ‘test’, layout: { type: ‘border’ }, items: [{ id: ‘top_component’, region: ‘north’, xtype: ‘component’, html: ‘top panel’, style: { backgroundColor: ‘#F1F1F1’ } }, { id: ‘middle_component’, region: ‘center’, xtype: ‘component’, html: ‘Middle Component’, height: 50, style: { […]

如何动态更改hover和按下的extjs按钮的背景

那里, 我需要能够动态地改变按钮的不同状态(正常,hover,按下)的背景颜色。 到目前为止我想出的是以下内容: http : //jsfiddle.net/suamikim/c3eHh/ Ext.onReady(function() { function updateBackground() { var theWin = win || this, // neccessary because of the call from the afterrender-event btn = theWin.down(‘#btnTest’), bckgr = theWin.down(‘#btnBckgr’).getValue(), bckgrHover = theWin.down(‘#btnBckgrHover’).getValue(), bckgrPressed = theWin.down(‘#btnBckgrPressed’).getValue(); // Set normal background as button-style // Should be ok $(‘#’ + btn.id).css(‘background’, bckgr); // Toggle background […]

Ext.onReady()vs $(document).ready()

有什么不同? 我有$(document).ready函数,它应检查extjs是否已加载,但主要问题是extjs没有按时加载,$(document).ready内的东西开始执行,extjs create function产生主错误’无法在Ext.create(“…”,{..})上执行undefined’的创建; 线。 如果我像这样进行双重检查: $(document).ready(function() { Ext.onReady(function() { Ext.create(‘Ext.Button’, {…}); }); }); 事情神奇地起作用。 现在我正在使用ext-all.js,它有~1.3MB的缩小,这是非常大的imho ……当他做第二次检查时,事情变得神奇地加载……但我认为这两个函数不同于它们定义建议,因为如果我放入另一个$(document).ready而不是Ext.onReady()行,事情就会再次破裂。 我想Ext.onReady({}); 函数做了一些其他黑魔法,$(document).ready()没有,如果有人知道这种魔法是什么我感兴趣? 因为它有效,我不知道为什么会杀了我。 感谢阅读post。 =)ps。 我正在使用ExtJS大约一天,所以我对它很陌生。

EXT JS Store的代理:读者和作家

在文档中,我发现了一个实例化如下的商店: var store = Ext.create(’Ext.data.Store’,{ autoLoad:true, 型号:“用户”, 代理: { 输入:’ajax’, url:’users.json’, 读者:{ 输入:’json’, root:’用户’ } } }); 代理有一个url配置。 我对读者特别感兴趣。 阅读器指定数据交换格式(json)和根(’用户’)。 现在,换句话说,如果存储设置为: autoLoad = true ,那么EXT JS将与指定的url建立Ajax连接以便read 。 现在,我如何为上面的同一个商店配置一个作家? 有人还告诉我这个:如果我配置一个编写器,它会使用代理中指定的相同URL吗? 我仍然对上面显示的代码的上下文中的作者和读者感到困惑,你会帮助我使用上面的例子来展示读者和作者的配置。 谢谢。

在Javascript中创建类似字典对象的.net

我想在JavaScript中创建一个对象,它将值存储在键,值对中,我应该能够传递一些键,并且应该能够获得它的值。 在.NET世界中,我们可以使用字典类进行此类实现。 我们在JavaScript世界中有任何选择吗? 我正在使用ExtJs 4.1,所以如果你知道ExtJS中的任何选项,即使这样也行。 我尝试过类似的东西,但我无法通过钥匙获得价值。 var Widget = function(k, v) { this.key = k; this.value = v; }; var widgets = [ new Widget(35, 312), new Widget(52, 32) ];

使用extjs4在网格中的时域combobox问题

1)创建一个网格,并在网格中添加一个类型为’timefield’的coulmn,格式为渲染器(’h:i A’)。 2)添加一行并在’timefield’列中选择一个选项,比如凌晨4:00。 3)添加另一个adjecent行并选择相同的数据,即下拉列表中的凌晨4:00。 您将无法执行此操作,您需要选择另一个时间,然后返回初始选择。 它看起来像是一个ExtJS错误。 如何解决这个问题。 我在网格中编写以下代码 this.mcmGridPanel = new Ext.grid.GridPanel({ height: 360, width: 680, title: ‘Shifts’, store: App.mcmAgentShiftStore, multiSelect: true, x: 0, y: 100, columns: [ { xtype: ‘gridcolumn’, header: ‘Name’, width: 120, dataIndex: ‘Name’, editor: { xtype: ‘textfield’, allowBlank: false } }, { xtype: ‘gridcolumn’, header: ‘Initials’, width: 45, dataIndex: ‘Initials’, editor: […]