extjs

Failing in Display the Json data from store in grid view (Using Sencha Framework)

吃可爱长大的小学妹 提交于 2019-12-12 04:39:45
问题 I'm new to Sencha. Im getting the response of data in network, But the data is not loaded in grid. If i try to use static data in proxy, grid loading those values. Please help me on this. Request URL: http://localhost:8080/list?_dc=1506420300660&page=1&start=0&limit=25&callback=Ext.data.JsonP.callback1 Response: [{"name":"Thanos","email":"thanos@infgauntlet.com","phone":"5555555555"},{"name":"Spider Man","email":"peter.parker@thebugle.net","phone":"2125555555"},{"name":"Daredevil","email":

Ext JS: Saving DOM manipulation of a grid row

浪尽此生 提交于 2019-12-12 04:37:44
问题 I'm having a little difficulty with Ext JS's ActionColumn, but that's really a separate issue. What I'm trying to do right now is save off whatever DOM manipulation I do with Ext JS, so that when I refresh my grid, the changes stay. var grid = Ext.create('Ext.grid.Panel', { columns: [{ xtype: 'actioncolumn', width: 50, items: [{ icon: 'http://cdn.sencha.com/ext/gpl/4.2.1/examples/personel-review/images/edit.png', tooltip: 'Edit', iconCls: 'hideable', handler: function(grid, rowIndex, colIndex

To destroy card when inactive and instantiate when active in ExtJs

こ雲淡風輕ζ 提交于 2019-12-12 04:28:02
问题 Goal : To improve performance of the app and reduce the loading time.When card is active I am instantiating it and its DOM is created, as deferredRender:true .Now I want to destroy the card as it gets inactive so as to reduce DOM.But I am somewhat facing some issue during removal and again instantiation of the card. Here is the simple fiddle , i have created based on my layout structure i am following: Card Layout Fiddle I went through this link,but failed to understand the implemetation.

Ext.Loader Synchronously loading. Should I Ext.require() all my stores?

♀尐吖头ヾ 提交于 2019-12-12 04:24:30
问题 I have 20 Stores in my app. And i'm tunning & minifying my App with sencha build. While debugging I saw a lot of [Ext.Loader] Synchronously loading warnings: [Ext.Loader] Synchronously loading 'MyApp.store.Store1'; consider adding Ext.require('MyApp.store.Store1') above Ext.onReady My question is, should I include once all my stores with Ext.requires(['MyApp.store.Store1' ... StoreN]) before Ext.application({ .. }); or should I include only requires: ['MyApp.store.StoreX'] in the Class that

ext js - el.ownerDocument.createRange() errors in IE 8

≯℡__Kan透↙ 提交于 2019-12-12 04:23:38
问题 HI, I am trying to dynamically add a form to a tab in Ext-js. (the tab has already been rendered). fyi, i am using I am using Ext 2.2. the error occurs when during the tab.add function: ie: function tabactivate(tab) { var newItem= new Ext.FormPanel(.....); **tab.add(newItem)**; //ERRORS HERE tab.doLayout(); } I get this error on line 247 of ext-all-debug.js which is range = el.ownerDocument.createRange(); the error is (Object doesn't support this property or method.) This works fine in

correct way to add js in sencha architect (ExtJS)?

蓝咒 提交于 2019-12-12 04:19:39
问题 This thread works well in a mobile app but in a desktop app it would seem I cant add the reference to the external JS in an extjs desktop app. The instructions from Sencha somehow don't correspond or it doesn't work for me when I try and follow them. So, I am selecting Resources->Library and can see the attribute Include JavaScript (ticked) and Library Base Path:/ext. The JS file I am using I use in a phone app and its fine - I added it to the app.json in that and compiling the app copies the

ExtJS Auto Resize Tab Panel

老子叫甜甜 提交于 2019-12-12 04:10:06
问题 We have a viewport, and inside it we have a west region for navigation tree and a center region for content (grids, forms, etc.) which has a tab panel inside it. We dynamically add content (tabs) to this tab panel, on click of any sub-menu item in navigation tree . These tabs are not re-sized on window re-size. The function to add tabs dynamically is: function AddNewTab(title, url, closable) { var tabs = Ext.getCmp('tabs'); tabs.add({ xtype: 'panel', title: title, closable: closable,

How to modify fields before rendering it to the grid in Extjs

隐身守侯 提交于 2019-12-12 04:07:26
问题 I have to append a value to the data fetched from the store before rendering it to the grid in ExtJs. Please guide me on achieving the above mentioned functionality. Currently the grid is populated in the following manner: Ext.define("MyApp.view.ShowDetails",{ extend: 'Ext.grid.Panel', requires:['MyApp.store.MyStore'], store:'MyStore', stateId: 'stateGrid', selType : 'checkboxmodel', selModel : { mode : 'MULTI' }, plugins : [Ext.create('Ext.grid.plugin.RowEditing', { clicksToEdit : 2 })],

Load grid row data into CodeMirror - get CodeMirror reference

﹥>﹥吖頭↗ 提交于 2019-12-12 03:59:36
问题 I am building a small extjs 5.1 app for personal use, designed to save examples of functions / methods used in my extjs apps. I've given the most important steps with the help of Navaneeth-Kesavan and Tarabass in this Post Now I'm struggling to load in CodeMirror editor the grid row data. After several unsuccessful attempts, I am trying to load the data into a hidden textarea and then get value of this textarea and paste the value (setValue) in CodeMirror. However, I am not able to get the

ExtJs 4.2: Radio Button not rendering properly(Button is missing but label is visible)

余生颓废 提交于 2019-12-12 03:55:28
问题 I am trying to implement a simple Radio Button in my application(Extjs 4.2). But the Radio buttons are not visible. This is my code for generating radio Button(following code is inside Items array of panel): { xtype:'form', header: false, items:[{ xtype: 'radiogroup', fieldLabel: 'Choose', items: [ { boxLabel: 'Option 1', name: 'rb', inputValue: '1' ,inputValue: 'Checked'}, { boxLabel: 'Option 2', name: 'rb', inputValue: '2' } ] }] } This is how it displays it. Can someone point out my