extjs

Extjs 6.5.3 Binding hidden property of widgetcolumn from record values

由 烈酒焚心 提交于 2019-12-25 03:14:12
问题 I want to show/hide widgetcolumn of a grid with a property of my record. I tried to do that with binding my value : { xtype: 'grid', bind: { store: 'ActionList' }, border: true, flex: 2, name: 'actionList', title: this.titleActionGrid, columns: [{ xtype: 'widgetcolumn', height: 50, width: 65, widget: { xtype: 'button', text: '{sActionTitle}', scale: 'large', height: 45, width: 45, margin: 5 }, bind: { hidden: '{bIsHidden}' } }] } that didn't work so i search on internet and i find this fiddle

Uncaught TypeError: Cannot read property Add of undefined

由 醉酒当歌 提交于 2019-12-25 03:12:57
问题 HI im getting this error after executing my code. It says Uncaught TypeError: Cannot read property 'add' of undefined index.html:24 (anonymous function) index.html <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"> <script type="text/javascript" src="ext-all.js"></script> </head> <body> <script> // Create a draw component var drawComponent = Ext.create('Ext.draw.Component', { viewBox: false }); // Create a window to place the draw component in Ext.create('Ext.Window', {

Cytoscape Graph is not showing

由 放肆的年华 提交于 2019-12-25 03:06:19
问题 I am trying to show a cytoscape graph in an ext window. Everything is working well, until i add the ext-all.css, the graph is no longer displayed. This is the panel were the graph is supposed to be shown ( the #cy div) var formPanel2 = new Ext.form.FormPanel({ id : 'graph_model', bodyStyle : 'padding:10px', width :400, height : 400, overflow:'auto', items : [ { html: "<div id='cy' style=' height: 100%; width: 100%; position: absolute; left: 0; top: 0 '></div>", xtype: "panel"} ] }); where is

Porting from EXT js 3.4 to EXT js 5.0

由 早过忘川 提交于 2019-12-25 03:05:09
问题 I have a web application on Sencha currently using ExtJS 3.4 functionality using the Sencha Architect 3.2, want to port/Migrate some forms to ExtJS 5.0. What will be the changes required? they will be minor or Major ? Do I need to change whole structure to MVC ? Quick reply will be appreciated. 回答1: Moving from Ext JS 3.x to >= 4.x (in your case, 5.x) is a complete application rewrite. In 4.0, Ext JS completely changed how the class system works (using syntax like Ext.define() ) -- a breaking

sailsjs + ext-direct (sencha extjs)

由 百般思念 提交于 2019-12-25 02:51:40
问题 I was wondering if anyone has used ext-direct with sailsjs. If you have or anyone with the know how, please can you direct me. Thank you. Here are some examples In regular nodejs/express app, I would normaly do this in my app.js file app.get(ExtDirectConfig.apiPath, function (request, response) { try { var api = extdirect.getAPI(ExtDirectConfig); response.writeHead(200, {'Content-Type': 'application/json'}); response.end(api); } catch (e) { console.log(e); } }); // Ignoring any GET requests

Paging not working properly in extjs

由 ∥☆過路亽．° 提交于 2019-12-25 02:49:10
问题 My paging bar displays and says Displaying 1 - 5 of 10. But all of the 10 records are being displayed. I can't seem to figure it out. Here is my List.js file Ext.define('MyApp.view.main.List', { extend: 'Ext.grid.Panel', xtype: 'mainlist', require: [ 'MyApp.view.student.StudentForm' ], title: 'Student Records', scrollable: true, margin: 20, layout: { type: 'vbox', align: 'stretch' }, reference: 'studentGrid', frame: true, collapsible: true, store: 'StudentStore', collapsible: true, columns: [

ExtJS qtip and messagebox issues, text is truncated/missing depending on the browser

由 心不动则不痛 提交于 2019-12-25 02:44:43
问题 I am using EXTJS 4 (4.2.1.883) and experiencing issues with qtips and message boxes, on different browsers (Chrome, IE and Firefox) the text is getting truncated at different lengths. qtips on textfields getting truncated at different lengths on different browsers, here is what I have set for one textfield, in firefox I would get 'New U' msgTarget: 'side', maxLength: 15 , enforceMaxLength: true, blankText: 'New UserName is required ' Ext.Msg.show, the msg is getting truncated, different

ExtJS: Theming single component

由 北城余情 提交于 2019-12-25 02:40:07
问题 My target is to change header's font size for one single panel. I tried to read http://docs.sencha.com/extjs/4.2.1/#!/guide/theming, but all what I found was theming the whole applications, theming all-the-panels-in-the-project and overriding config options in "Theme JS Overrides", but no CSS variables overriding for single component. Is there any way to achieve it without fussing with this SASS for whole project? 回答1: Just add a class to the panel, then create a rule to match: new Ext.panel

full screen contentPanel ext gwt

由 只谈情不闲聊 提交于 2019-12-25 02:23:11
问题 I need to implement full screen ContentPanel in ext gwt. I use setSize method, but as params I can specify only resolution. public class HomePage extends ContentPanel { public HomePage() { setSize(1024,768); I want to have panel that will fill all window in each browser with different monitor resolution. So how can I use setsize method to solve this problem? Thanks! 回答1: Instead of setting the size, maybe try setting a layout that will expand. Maybe something like this (hasn't been tested):

ExtJs - Change Textfield VType dynamically

由 我的梦境 提交于 2019-12-25 02:22:14
问题 A rather straightforward question. No answer found anywhere. Using ExtJs 4.2 I have two custom VTypes, and one textfield. I want to change that textfield's vtype when the user clicks a radio button. I know that the text field has already been created so doing: textfield.vtype = 'otherType'; won't do it for me. Neither will: Ext.apply(textField,{vtype:'otherType'}); So the obvious stuff is out. Now I'm toying with destroying and re-creating it, but (if it even works) that seems like overkill.
订阅 extjs