EXTJS - 技术教程文章
javascript-如何使用递归对象extjs填充存储？【代码】
我有一个具有这种结构的物体 第一持续uidIDrels [] Rels是一个数组,其中再次包含具有相同结构的对象.如何在负载中使用extjs来管理此对象以填充treeStore？我需要保持父母与子女之间的等级关系 例父母小孩1小孩2 侄子1 外phe2 等等.它们都在父节点下. 有什么建议吗？我尝试使用递归函数,但没有结果的几种方式. 这是我的代码(不起作用)Ext.define('utenti', {extend: 'Ext.data.Model',fields: [{name: 'F',type: 'string'},{name: '...
javascript-将复选框更改为单选按钮组ExtJS【代码】
我是Ext JS的新手.我的这组复选框可以正常工作,但是我需要将其更改为“单选”按钮并保留其功能.如果您能帮助我,我将不胜感激.我还是EXT JS的新手.我将它们设置为field.Radio,但仍然允许选择所有它们.请帮忙：var employeeBox = Ext.create('Ext.form.field.Radio', {id:'employeeBox',fieldLabel: 'Employee Group:',labelAlign:'left'});var mpBox = Ext.create('Ext.form.field.Radio', {id:'mpBox',fieldLabel: 'Market Particp...
javascript-React SSR,NextJS与Chrome无头预渲染
对于服务器端渲染,我发现了两种方法： > next.js>铬无头预渲染(例如react-snap) NextJs在GitHub和一个很棒的社区上有很多明星,但是另一种方法(chrome无头预渲染)似乎更干净,并且需要几乎零配置才能工作. 有谁有经验与他们一起工作吗？每个人的主要利弊是什么？解决方法:(前段时间我一直在为这个困境而苦苦挣扎,并想与大家分享一些我的个人观点) SPA应用程序中SSR的一些优点 > SEO / SMO-最理想的因素,可以像标准网站一样实现SPA的可...
javascript-ExtJS TreeGrid中的复选框列
有没有一种方法可以在新的extjs小部件TreeGrid中包含一个复选框列？将nodes属性标记为false / true就像对TreePanel一样不起作用. 干杯解决方法:我修改了Ext.ux.tree.TreeGridNodeUI类以实现此功能：https://gist.github.com/745436
javascript-ExtJS-表单失败消息框【代码】
我在ExtJS中构建应用程序,并且我有一个带有提交失败功能的表单,如下所示：buttons:[{text: 'Bestil',id:'button_bestil',width:85,handler: function(){create.getForm().submit({success: function(f,a){//do stuff!},failure: function(f,a){Ext.Msg.alert('Fejl', 'Error');}}); } }] 现在我想要的是从未正确填写的字段中显示错误的原因. F.x.我有以下文本字段：vtypeText:'Please type in valid email', v...
javascript-TabPanel中的ExtJs网格自动适合问题【代码】
我在重新设置选项卡面板中的网格时遇到问题(由Ext Designer制作.).层次结构如下视口. -> tabPanel->面板->容器->网格. 现在是这样显示的 这是视口的代码mainWindowUi = Ext.extend(Ext.Viewport, { layout: 'border', id: 'mainWindow', initComponent: function() {this.items = [{xtype: 'panel',title: 'Navigation',region: 'west',width: 200,frame: true,split: true,titleCollapse: true,collapsible: true,id: 'navigation...
javascript-如何将分页添加到extjs 4网格？【代码】
我有一个这样的商店,我用它来一个extjs网格Ext.create('Ext.data.Store', {autoLoad : true,fields : [{name: 'item_code', mapping: 'item_code', type: 'string'},{name: 'quantity', mapping: 'quantity', type: 'string'},{name: 'description', mapping: 'description', type: 'string'},{name: 'selling_price', mapping: 'selling_price', type: 'string'},{name: 'discount', mapping: 'discount', type: 'string'}],sto...
javascript-如何在extjs / sencha touch中的列表上方添加标题【代码】
我想在extjs / sencha touch中的列表上方添加标题. 标题将是动态的,并根据页面而变化,因为它将包含页码和其他详细信息.因此,我修改了我的处理程序,该处理程序使用新结果更新了列表,以便将结果列表添加到我的DealerList卡中,同时还添加了一个容器：myapp.cards.dealerList.items.add(new Ext.Container({html: "Dealer results",cls: "centered-title",baseCls: "x-toolbar-title",scroll: false,layout: {type: "hbox",align: "str...
javascript-如何获取关于preload事件的Extjs 4存储的请求数据？【代码】
我正在尝试在商店中获取请求数据参数beforeload事件.我可以看到操作对象包含请求数据,但似乎无法从操作对象中获取它Ext.create('Ext.data.Store', {autoLoad : true,fields : [{name: 'item_code', type: 'string'},{name: 'quantity', type: 'int'},{name: 'description', type: 'string'}],storeId : 'summary',proxy : {type : 'ajax',actionMethods : 'POST',extraPara...
javascript-extjs 4中的范围问题【代码】
我有这个treepanel,我想从“全部展开”按钮内部调用mainpaneltree的this.getId()方法,但是我得到的只是方法未定义.我试图将scope：this放在配置对象中,但没有成功.Ext.define('MA.view.patient.Tree', { extend : 'Ext.tree.Panel', alias : 'widget.EditPatientTree', title : 'Simple Tree', width : 150, store:'Tree', dockedItems : [ {xtype : 'toolbar',items : [ {text : 'Expand All',scope: this,handler : function() {...
javascript-更改行extjs4的背景颜色【代码】
我有一个名为“ grid”的网格,在加载时,有几行被插入到网格中.一些行将显示为绿色,将成功输入行,而背景色为红色的行将出现错误.我可以在某个时候使用它,但是错误行将被添加到带有红色背景色的网格中.然后,当我尝试添加新行以向其中输入新数据时,所有行都变为白色.然后,这一切都停止了.我试过了store.insert(0, r).addClass('error-row'); 和Ext.fly(grid.getView().getRow(0)).addClass('error-row');和var cls ='error-row'addRow...
javascript-嵌套XML数据和ExtJS模型关联【代码】
我正在尝试将XML数据映射到ExtJS中的一系列模型.我能够从顶级模型中提取数据,但是,与它的关联无法检索必要的数据. 这是我所有的模型：Ext.define('app.model.ProductType', {extend: 'Ext.data.Model',idProperty: 'id',fields: [{name: 'id',mapping: 'id',type: 'int'}, {name: 'name',mapping: 'name',type: 'string'}, {name: 'sometag',mapping: 'sometag',type: 'string'}],associations: [{type: 'hasMany',model: 'app.mod...
javascript-如何更改ExtJs组合框中的显示消息？【代码】
我有一个具有多个true的ExtJs组合框,我想在输入字段上显示“选择的X值”,而不是“值1,值2,值3”.我尝试使用选择侦听器,但是当我将值设置为输入字段,然后调用multicombo.getValue()时,它将从输入字段获取值.我需要从valueField(隐藏的输入)中获取值. 我的代码：var multiCombo = Ext.create('Ext.form.field.ComboBox', {renderTo: item.id,multiSelect: true,displayField: 'name',editable: false,valueField: 'id',emptyText: 'S...
javascript-如何更改extjs容器的CSS类【代码】
我有这个extjs容器var cont = Ext.create('Ext.container.Container',{cls: 'myClass1',id: myId,flex: 1});如何在运行时使用javascript / extjs代码将cls属性更改为“ MyClass2”？解决方法:如果SENSE.ui.createContainer是Ext.container.Container基类,则可以使用removeCls方法,如下所示：cont.removeCls ('MyClass1');有关更多信息：Ext.container.Container.removeCls
javascript-从网格ExtJs 4获取行【代码】
我认为回答这个问题非常简单： 我的自定义商店有简单的网格：//other code {xtype: 'grid',store: 'SecondStore',itemId: 'mainTabPanel2',columns: [//this is not from the store{header: 'Not Form Store',id: 'keyId2',},//from the store{header: 'From Store',dataIndex: 'label',id: 'keyId',}] }商店仅使用id：keyId填充第二列.实际上它具有：fields: [{ name: 'label' }]而且效果很好. 我想从函数中获得此网格的第n1行.ha...
javascript-具有加载数据动态功能的ExtJS 4.2.0 RowExpander【代码】
我想使用ExtJs插件“ RowExpander”,但是,当事件expandbody被触发时,我将加载数据.我已经尝试过此代码,但不知道如何设置rwoBody Expanded的内容：this.GridPrincipal.getView().addListener('expandbody', function (rowNode, record, expandRow, eOpts) {Ext.Ajax.request({url: 'getData/' + record.get('id'),method: 'POST',success: function (result, request) {// retrive the datavar jsonData = Ext.util.JSON.decode(res...
javascript-ExtJs：等到存储负载后再执行下一条语句【代码】
我有一个商店,在商店被加载后,我需要在代码内的记录上进行加载和执行操作.但是由于执行是异步的,因此即使在存储完全完成加载之前,也会执行存储加载后的语句. 我如何才能停止执行,直到商店完成加载. 下面是代码：var fieldsStore = new Ext.create('Ext.data.Store', { model : 'FieldsModel', proxy : {type : 'ajax',url : 'queryBuilder_getQueryDetails',extraParams : {queryID : queryID},reader : {type : 'json'} }, listen...
javascript-动态更新Extjs autoEl：’button’文本和CSS【代码】
我是ExtJS的新手,想动态更改按钮的文本：我的要求是预览按钮.为了提供预览,我创建了如下组件：{xtype: 'container',width: '100%',padding: '20 0 20 0',itemId: 'preview-container',items: [{xtype: 'component',itemId: 'preview',autoEl :'button'}] }我的更新预览方法如下,我想从此函数更新按钮的文本： 我已经尝试过如下,但无法正常工作..updatePreview: function () {var previewEl = this.down('#preview').getEl(),...
javascript-如何使用ExtJs创建动画文本【代码】
任何人都可以帮助您如何使用ExtJs创建动画文本吗解决方法:一些例子：Ext.get("my-element-id").highlight();Ext.get("my-element-id").fadeIn();简单.签出Ext.Fx类.它具有许多动画方法. http://extjs.com/deploy/ext/docs/output/Ext.Fx.html
javascript-Extjs表单验证【代码】
我正在使用Extjs Ext.form.FormPanel创建一个表单,该表单将包含一些字段,例如名称,公司等.字段中将是邮政编码和电话号码,让我们来解决邮政编码问题,该邮政编码可以是5个数字或5个数字加4个字符,我不想为该邮政编码创建两个单独的字段,我可以创建一个字段并防止用户错误输入邮政编码的方式,就像以下jQuery插件那样： http://digitalbush.com/projects/masked-input-plugin/解决方法:ExtJS有vtypes,可让您编写验证代码. 更简单：Text...
asp.net-Ajax数据更新. Extjs
我需要保持某些数据(在网格中)为最新并打算每隔15秒对服务器进行一次轮询,以获取数据并刷新网格,但是感觉有点脏(网格每15秒就会有加载图标..)看起来并不好…另一种选择是检查是否有新数据并将新数据与当前数据进行比较,并且仅在发生任何更改时才刷新网格(我将不得不在客户端进行此操作,因为还会维护每个登录用户的当前状态似乎太过分了) 我相信有更好的解决方案,很想听听 我听说过COMET,但山雀似乎有些过头了顺便说一句,我在服务器...
javascript-ExtJS-通过CheckBoxGroup循环【代码】
我想将所有选中的项目放在一个属于formpanel的复选框组中.最终,它们将以字符串,逗号分隔的值格式保存回数据库. 感谢您提供的任何指导或帮助. 这是我对小组的定义：new Ext.form.CheckboxGroup({id: 'newId',fieldLabel: 'Group A',name: 'broker',allowBlank: false,columns: 1,items: [{boxLabel: 'All',name: 'all',id: 'null'},{boxLabel: 'FS',name: 'fs',id: '1'},{boxLabel: 'Royal A',name: 'ra',id: '2'},{boxLabel: 'Poin...
如何像我使用JQuery一样通过没有eval()的ExtJS AJAX调用执行Javascript？【代码】
我想在通过Ext.Ajax.request加载的页面中执行javascript.为此,我必须像这样加载脚本并eval()：Ext.Ajax.request({url: 'content/view_application.php',success: function(objServerResponse) {var responseText = objServerResponse.responseText;regionContent.update(responseText);var scripts, scriptsFinder=/<script[^>]*>([\s\S]+)<\/script>/gi;while(scripts=scriptsFinder.exec(responseText)) {eval(scripts[1]);}} })...
javascript – ExtJS如何制作包装其元素的工具栏？
我有一个带有少量过滤器的工具栏,在小屏幕(低分辨率)上有些复选框是不可见的(右边缘外).如何制作包装其元素的工具栏(在网格面板上)？我正在使用extJs 3.4解决方法:在我的脑海中,您可以在Ext.Toolbar实例中使用enableOverflow：true config选项.这将添加一个按钮,单击该按钮将显示最初无法放入工具栏中的项目.
javascript – Extjs4和TinyMCE
我发现了ExtJS3的手淫,而且还有TinyMCE的ux组件.我想在ExtJS4中使用它.我该怎么做以及在哪里可以找到有关在ExtJS4中使用TinyMCE的手册？解决方法:我不认为他们在ExtJs4中为TinyMCE包含任何内容.他们确实有标准的HTML编辑器组件.
javascript – ExtJS4 LinkButton组件【代码】
我正在尝试在Ext JS 4中创建自己的LinkBut??ton组件.没什么新鲜的,对吧？ 我的代码看起来像这样：Ext.define('LinkButton', {extend: 'Ext.Component',xtype: 'linkbutton',autoEl: 'a',renderTpl: '<a href=\"javascript:;\">{text}</a>',config: {text: '',handler: function () { }},initComponent: function () {var me = this;me.callParent(arguments);this.renderData = {text: this.getText()};var handler = me.getHandle...
javascript – 在单元格编辑中获取extjs中的行数据【代码】
我正在创建一个Extjs网格.其中大部分列都是可编辑的.我需要的是,如果用户更改模糊的任何列值,我将调用我的方法根据其他列值进行一些计算.并将列值替换为计算值.code在这里.var incomeTaxOverrideModel = new Ext.grid.ColumnModel([{id : 'fromDate',header : "From Date",dataIndex : 'fromDate',width : 80,renderer : drenderer,editor : this.fromDateEditor }, {id : 'toDate',header : "To Date",dataIndex : 'toDate',width...
javascript – 在extjs4中获取加载的商店【代码】
当我尝试从控制器获取加载的存储时,我变为null.负载也很成功.我证实了这一点. 我有如下商店.Ext.define('GridApp.store.schemedatastore',{extend: 'Ext.data.Store',model: 'GridApp.model.schemedatamodel',autoLoad: true,alias: 'store.schemedata',storeId: 'schemedatastoreid',constructor:function(){console.log('Calling parent');this.callParent(arguments);},listeners: {load:function(store,records,isSuccessful){...
javascript – ExtJS,Flask和AJAX：跨域请求【代码】
我正在使用ExtJS(客户端)和Flask(服务器)开发RESTful应用程序：客户端和服务器通过协议链接. 当我尝试向服务器发出AJAX请求时出现问题,如下所示：Ext.Ajax.request ({url: 'http://localhost:5000/user/update/' + userId ,method: 'POST' ,xmlData: xmlUser ,disableCaching: false ,headers: {'Content-Type': 'application/xml'} ,success: function (res) {// something here} ,failure: function (res) {// something here} }...
javascript – ExtJS编辑网格单元格只是新的【代码】
我有一个网格：Ext.create('Ext.grid.Panel', {id: 'grid',store: this.store,columns: [{dataIndex: 'a'},{dataIndex: 'b'},{dataIndex: 'c'}],selModel: {selType: 'cellmodel'},plugins: [cellEditing] })其中使用cellEditting：var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {clicksToEdit: 1,listeners: {beforeedit: function(obj) {// Something goes here?} } });现在,有一些按钮可以向网格“添加行”,因...