EXTJS - 技术教程文章
javascript – 如何在Extjs单页面应用中添加Google Analytics分析事件跟踪？【代码】
我在EXt js(5.1.1)中构建了一个单页面应用程序,并试图对所有按钮和点击实施Google Analytics分析事件跟踪 有没有可用的插件？我发现一些基于jQuery的插件会在EXT js中运行吗？解决方法:我认为你不需要一个jQuery插件,也不需要插件. 只需使用此处记录的通用分析代码即可https://developers.google.com/analytics/devguides/collection/analyticsjs/pages 例如,要发送页面视图,您只需要这行代码ga('send', 'pageview', 'path to your...
javascript – 如何使用extjs显示图像？【代码】
我是extjs的新手,所以需要帮助.我在我的数据库中上传了图片,sb.append(System.getProperty("java.io.tmpdir")).append(System.getProperty("file.separator")).append("temp.jpg");FileOutputStream fos = new FileOutputStream(sb.toString());fos.write(myFileService.getImage.getBytes()); // it works okfos.close();FileBean fb = new FileBean();fb.setName("temp.jpg");fb.setUrl(sb.toString());res.put("image", fb);我的...
java – ExtJS文件上传响应？【代码】
我正在尝试通过Web界面验证某些文件的内容,并使用响应启用/禁用其他一些功能…如保存按钮.我已经完成了提交和文件处理(存根)但我似乎无法让我的响应正常工作. 问题：响应时尝试让用户下载带有响应内容的文件.我想将响应传递给要处理的成功函数. JS功能代码：function validateCopybook() {//submit values. console.log("validating");if (this.getForm().isValid()) {this.getForm().submit({url : 'batch/validateCopybook.json'...
javascript – 使用方法POST的Extjs4：TreeStore【代码】
我有一个Ext.tree.Panel并在其中定义我有一个商店.我希望能够通过ajax和POST参数更新商店. 这是我的树定义：var mytree = Ext.create('Ext.tree.Panel',{rootVisible:false,store:Ext.create('Ext.data.TreeStore', { root:{id:'rootnode',nodeType:'async' },proxy:{method:'post',type:'ajax', url:'myurl'}}) });我尝试按如下方式重新加载商店：mytree.store.load({params:{search_string='value...
javascript – ExtJS中的全局错误处理【代码】
有没有办法全局处理ExtJS应用程序中的所有JavaScript错误和异常,并将其路由到一个警告用户服务器错误的函数？ window：onerror()似乎没有处理所有的JavaScript错误,因此在代码中寻找某种类型的catch,将它包装到一个更通用的异常中,以便它被捕获？解决方法:看到 http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.Error-static-method-handleGlobally handle any Ext errors that may be raised, optionallyproviding custom logic to...
javascript – 仅在点击时显示ExtJS工具提示【代码】
我想显示一个ExtJS ToolTip作为按钮点击的结果.当用户点击“X”或第二次点击按钮时,工具提示应该消失(注意我没有说“隐藏”).如果用户第三次单击该按钮,则Tip应再次显示. 我的问题是,如果将鼠标悬停在按钮上,则会显示工具提示. (见小提琴)我只想点击一下按钮就可以了. 我尝试在组件上调用“remove()”将其从“onbeforeclose()”和“beforehide()”事件中的DOM中删除,但提示仍会显示在悬停状态. 我还要注意,从文档中调用“close()”...
javascript – 使用ExtJS动态地将TextAreas添加到用户输入的FormPanel上【代码】
我有一个FormPanel显示一个非常基本的表单,基本上,它只包含一个“名称”字段,一个“描述”字段和多个“规则”文本区域.我想要的是让用户能够在第一个这样的规则文本区域中键入文本,并为另一个规则显示另一个空的TextField(当他们开始键入时). 目前,我有一个函数,当使用指定的名称(newRulesField函数)调用时应该生成新的TextAreas,以及一个处理我的文本区域内的KeyPress事件的函数. 我基本上寻找的是如何动态修改表单中TextAreas的数...
括号中的javascript – ExtJS – SyntaxError：missing)【代码】
我正在写一些代码来教育自己的ExtJS方式.我也是JSON的新手,所以希望这个问题很容易让你回答.我正在尝试从我编写的基本Web服务中检索一些数据,这些数据应该以JSON的形式返回结果(因为我是JSON的新手 – 可能会被破坏). 我得到的错误是SyntaxError: missing ) inparenthetical我从我的Web服务返回的JSON是{"rows": [ { "id": "100000", "genre_name": "Action", "sort_order": "100000" }, { "id": "100002", "genre_name": "Comedy"...
javascript – ExtJs在ENTER按键上模拟TAB【代码】
我知道这不是最明智的想法,但我仍然必须这样做.我们的用户希望像TAB一样使用ENTER.所以,我想出的最好的是：Ext.override(Ext.form.field.Base, {initComponent: function() {this.callParent(arguments);this.on('afterrender', function() {var me=this;this.getEl().on('keypress',function (e){if(e.getKey() == 13) {me.nextNode().focus();}});});}});但它仍然与TAB完全不同.我的意思是,它适用于输入字段,但不适用于其他控件....
javascript – ExtJS：存储已加载,记录在表单中但不在字段中【代码】
我一开始就在努力应用我的应用程序.this.getScoresStore().on('load', function(score, records) {var view = Ext.getCmp('scoreView');view.down('form').loadRecord(records[0].data);console.log(view.down('form').getRecord());console.log(view.down('form').getValues()); });加载商店后,我将记录添加到表单.控制台说它已添加,但是这些字段仍然是空的.Object { playerOne="301", playerTwo="301" } Object { playerOne="", ...
php – 使用’equal`比较使ExtJS过滤`int`类型【代码】
我在一个旧的(而不是我的)项目中使用ExtJS,我必须调试它.所以我在搜索表单中有这一个代码：var pm = Ext.getCmp('ddlFltrPM').getValue(); if(pm && pm > 0) filters.push({dataIndex: 'project_manager_id', type: 'string', value: pm});这工作,但在PHP代码函数转换此过滤器在SQL查询中,如下所示：AND project_manager_id LIKE％…％(默认转换函数),因为它是字符串搜索字段. 但我需要完全匹配.所以,当我尝试这样的事情时：va...
javascript – Extjs Combo diplay value – 如果找不到值【代码】
我正在使用这种技术来完成一个组合框http://cdn.sencha.com/ext-4.1.1a-gpl/examples/form/forum-search.html的自动完成功能,它返回一个汽车的名称和类型,有时类型是未知的,所以没有任何回报,我希望它是“无数据”所以我用这个valueNotFoundText：’没有数据’但没有用xtype: 'combo', store: s, hideTrigger:true, typeAhead: false, id: 'search', queryMode: 'remote', queryParam: 'query', displayField: 'name',//+'type', v...
javascript – 如何以编程方式隐藏TabPanel中的Tab(ExtJS 3)【代码】
这是我的TabPanel代码： 在代码内部,TabPanel中有两个选项卡(tab1和tab2)(tabs_panel)MyTabPanelUi = Ext.extend(Ext.TabPanel, {activeTab: 0,height: 210,resizeTabs: true,tabWidth: 266,id: 'tabs_panel',initComponent: function () {this.items = [{xtype: 'panel',title: 'Project',padding: 20,height: 150,id: 'tab1'}, {xtype: 'panel',title: 'Service',height: 150,padding: 20,id: 'tab2'}]} });我试图使用波纹管代码...
javascript – Sencha Touch ExtJS添加复选框列表【代码】
在Sencha Touch 1.0中进行开发.我正在使用Ext.List来呈现列表,但我还希望每个列表项的开头都以复选框开头.我还想根据数组项值更改其状态,该数组是给配置选项的数组.有没有办法将一个简单的Ext.form.Checkbox添加到Ext.List. 如果我改为使用< input type =“checkbox”... />到< itemTpl>配置选项,然后它在显示中看起来很丑,其次我不知道如何在复选框上听事件 这是你的眼睛糖果的代码：Ext.regModel('Todos', {fields: ['title', 'c...
javascript – ExtJS 4组合框在表单绑定上显示valueField而不是displayField【代码】
我在一个绑定到模型的表单中得到了一个extjs 4组合框.我使用form.loadRecord(record)将数据从网格绑定到组合.组合框显示的valueField来自分配给表单的模型而不是displayField.组合框的存储是预加载的.如何实现组合框显示displayValue在表单中加载记录？{xtype:'combobox',fieldLabel: 'category',name: 'categorySelId',store: 'Categories',queryMode: 'local',displayField: 'label',valueField: 'id',anchor:'96%',loadMask: tr...
javascript – 如何将ExtJS组件扩展到全屏并稍后将其还原？【代码】
如何扩展ExtJS(版本3.3.1)组件,例如一个Ext.Panel嵌套在文档层次结构中的某个地方“全屏”,以便它占用整个浏览器窗口区域？我想我需要动态创建一个Ext.Viewport并重新显示正在“扩展”的组件,但到目前为止我还没有成功.有人可以提供工作样本吗？ 此外,如果可能的话,我希望能够稍后将组件恢复到原来的位置. 我尝试了以下方法：new Ext.Button({ text: 'Fullscreen', renderTo : Ext.getBody(), onClick: function(){var viewPort = ...
php – ExtJS 4网格：显示带关联的嵌套数据模型【代码】
我是ExtJS的新手并且遇到了问题.我有一个深度嵌套的json数据,我已经使用多个关联模型成功加载到商店中.但是对于下一步,我无法在简单的网格中显示这些数据,请帮忙.我怎样才能在位于json深处的网格中显示某些内容….这是我的json{"success" : "true","total":2,"user" : {"id" : 12,"email" : "abc@gmail.com", "course" : {"name" : "BESE", "institute" : [{"name" : "Engineering University","semester" :{"numb...
javascript – 如何使用loadRecord将嵌套模型加载到Extjs表单中【代码】
我已经创建了一个动态生成表单的脚本,但是我在加载嵌套模型的数据时遇到了问题.我已经尝试加载整个记录,我已经尝试加载每个子商店,但都不起作用. 我已经完成了使用form.load(),但是从我的理解需要代理连接,并且还需要将json数据存储在’data’数组中. 有没有人对我如何处理这个问题有任何建议？<div id="view-@pageSpecificVar" class="grid-container even"></div> <div id="button"></div> <script>Ext.define('HeaderForm', {ex...
javascript – ExtJS更改MessageBox(ExtJS 4.2.1)中默认按钮的位置【代码】
如果您使用默认按钮的代码：Ext.Msg.show({title:'Save Changes?',msg: 'You are closing a tab that has unsaved changes. Would you like to save your changes?',buttons: Ext.Msg.YESNOCANCEL,icon: Ext.Msg.QUESTION });窗口上的按钮按顺序是 – 否 – 取消.我希望他们在订单取消 – 不 – 是的,我的应用程序的一致性.有没有办法添加不同的配置或根据我的需要更改它？解决方法:默认按钮只是在基于Ext.window.MessageBox.butto...
javascript – ExtJS中是否有map()函数？【代码】
ExtJS有Ext.each()函数,但是有一个map()也隐藏在某个地方吗？ 我努力了,但没有找到任何可以填补这个角色的东西.这似乎是一件简单而微不足道的事情,一个像Ext这样庞大的JS库显然必须拥有. 或者当Ext真的不包含它时,将它添加到Ext的最佳方法是什么.当然,我可以写：Ext.map = function(arr, f) { ... };但这真的是正确的方法吗？解决方法:截至至少Ext4,包括Ext.Array.map. http://docs.sencha.com/extjs/5.0.1/#!/api/Ext.Array-metho...
javascript – ExtJS列渲染器【代码】
我的问题是ExtJS 4中GridPanel中列的渲染器功能.渲染器的记录应该从我的商店加载我的列表元素,它确实如此;但它总是加载列表中的相同元素. 以下是我的代码的相关摘要. 首先是我的商店：var nStore = Ext.create('Ext.data.Store', {storeId: 'people',fields: ['team', 'name', 'liste', 'sums'],data: [{team: 'TestTeam', name: 'TestPerson',liste: ['F', 'F', 'F', 'S', 'N', 'F', 'S','S', 'S', 'F', 'F', 'F', 'S', 'A', 'N',...
javascript – ExtJs形成多个按钮,用于不同的绑定【代码】
需要为不同的按钮分别绑定我的表单元素.在元素中使用allowBlank发送绑定条件,使用formBind在按钮中绑定按钮.需要像这种最简单的方式这样做. (ExtJs 4.2.1 Classic) 例Ext.create('Ext.form.Panel', {......items: [Ext.create('Ext.form.field.Date', {.....,allowBlank: false, //bind for both search & download button......}),......, //// All rest elements bind for both search & download button.Ext.create('Ext.form.C...
javascript – 在ExtJS中,如何将两个字段集并排放置在具有hbox布局的面板中？【代码】
在ExtJS中,我在使用hbox布局的面板中并排放置两个fieldset时遇到了一些麻烦. hbox布局似乎没有意识到fieldset的高度,并将其切断,即使我明确地将面板的高度设置为大的高度. 这是它的样子： http://img717.imageshack.us/img717/4849/screenshot20100303at927.png 蓝色边框是hbox面板,里面有2个字段集,“客户信息”和“所有者信息”.代码是这样的(在Firebug中简化和运行)：var clientInfo = {xtype: 'fieldset',defaultType: 'textfi...
javascript – ExtJS解码方法无法解码“文件上传后”【代码】
我将JSON格式结果发送回保存$quot符号的客户端.由于某些未知原因,代码中断了. 这是来自ext-all-debug的代码：doDecode = function(json){return eval("(" + json + ")"); FAILS HERE },这是我的JSON,因为它离开了服务器(据我所知,我希望服务器没有花时间解码这个& quot的空闲时间.)：{ success: true, total: 1, results: [{"ID": -1,"Value": "POChangeRequestlblCustomerCatalogNumber","Description": "","Labels": {"1": {"...
javascript – ExtJS 4.1：覆盖mixins【代码】
我有一个小问题：ExtJS 4.1使用名为“Ext.form.Labelable”的mixin为所有表单字段呈现标签.我想更改labelableRenderTpl,它是渲染模板,为所有表单字段添加额外的标签到右侧.我如何覆盖/执行mixin？是否可能或者我必须覆盖所有使用mixin的类的labelableRenderTpl？ 感谢您的帮助和最好的问候！曼努埃尔解决方法:您可以在此处为Ext.form.Labelable应用覆盖Ext.override(`Ext.form.Labelable`, {labelableRenderTpl: 'Your Template' }...
javascript – 使用列名称获取商店值 – EXTJS 4【代码】
Ext.define('GoogleMarkerModel', {extend: 'Ext.data.Model',fields: ['Locating','MainPower','Acc','PowerOff','Alarm','Speed','Direction','Latitude','Longitude','DateTime','MainID', 'DeviceID','IOState','OilState']});var MarkerStore = Ext.create('Ext.data.JsonStore', {model: 'GoogleMarkerModel',autoLoad: true,proxy: {type: 'ajax',url: 'get-googlemarker.php',baseParams: { //here you can define params...
java – 集成springMVC和extjs
我在我当前的j2ee项目中使用springMVC和hibernate.截至目前的视图由普通的jsp组成,使用JSTL使事情变得简单. 看看extjs项目,我相信它可以用作视图的替代品.我一直在看extjs文档,但坦率地说,我不知道如何在春天整合它. 有没有人有任何教程,博客,书籍推荐,让我开始这个？ 或者另一方面,如果从不同的java MVC框架更好地管理extjs,那么请提出相同的建议.解决方法:以下是与Spring 3.0集成的ProgressBar Pager的示例 它证明Ext JS提供了一...
javascript – Extjs：两个并行的ajax调用【代码】
我的代码同时创建了两个ajax调用(我假设并行性会更高效).如果两个调用都成功,我想加载一个表.这样做的正确方法是什么？解决方法: var succeeded = {};function callBackOne(){succeeded.one = true;// your other stuffif (succeeded.two) { bothHaveSucceeded()); }function callBackTwo(){succeeded.two = true;// your other stuffif (succeeded.one) { bothHaveSucceeded()); }
javascript – ExtJS：在窗口大小调整时自动调整表单字段的大小【代码】
我创建了Ext.Window,里面有一些Ext.form字段.但是当我调整窗口窗体时,元素仍然具有初始宽度和高度. 是否需要在窗口大小调整时显式调整表单字段的大小？或者有一些选项可以自动调整表单字段的大小？ 示例代码：var f_1 = new Ext.form.TextField({fieldLabel: 'Label 1'}); var f_2 = new Ext.form.TextField({fieldLabel: 'Label 2'}); var fp = new Ext.form.FormPanel({items: [f_1, f_2]});var w = new Ext.Window({layout: 'fo...
javascript – Extjs多重继承？【代码】
我有一个关于ExtJS中的多重继承的问题.虽然我知道我可以简单地复制代码以使其发生,但我想知道是否有任何方法可以更有效地编码它. 我的框架中有一个自定义的GridPanel组件,名为Kore.ux.grid.GridPanel.它扩展了Ext.GridPanel,具有额外的通用功能,并为REST操作提供接口. 不久之后,我的同事想要以同样的方式实现EditorGridPanel,即她希望它可以编辑,同时,能够轻松地执行REST操作. 我的问题是,有什么方法可以扩展Ext.EditorGridPanel来...