extjs4.1

How to make an ExtJs window draggable by body?

徘徊边缘 提交于 2021-02-11 15:19:38
问题 We have a requirement in which we need to hide the header of the window and for this we are using header:false But if we use header:false, then window can not be dragged at all. Thus, is there anyway by which a window can be made draggable by body? That is, if header is set to false and is not getting displayed then also somehow user can drag the window. Any suggestions anyone. Thanks for the help. PS: ExtJS Version 4.1 回答1: You could create your own window class that changes how the dragging

Extjs 4.1 - Listerning in CellEditing plugin not working at second time

梦想的初衷 提交于 2021-02-07 04:37:17
问题 i define a treeGrid with plugin CellEditing like Ext.define('MyExample', { extend: 'Ext.tree.Panel', id: 'example', alias: 'example', .... plugins: [ Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 1, listeners: { beforeedit: function(plugin, edit){ alert('don't run second time'); } } }) ], ... And i have a button when i click this button will call below window (this window has treeGrid above) Ext.create('Ext.window.Window', { title: 'Phân xử lý', modal:true, height: 500 width: 500

How to work with combo having images inside in extjs 4.1

爷,独闯天下 提交于 2021-02-05 06:36:06
问题 I try to create a combo with an image ( or something else ) and when I choose an option, value in combo has some options. I create a combo box look like: But when I choose an option that looks like: Here is my code http://jsfiddle.net/QZqeK/ // The data store containing the list of states var states = Ext.create('Ext.data.Store', { fields: ['abbr', 'name'], data : [{ "abbr":"AL", "name":"<img src='http://icons.iconarchive.com/icons/famfamfam/silk/16/folder-picture-icon.png'>" }, { "abbr":"AK"

How to work with combo having images inside in extjs 4.1

故事扮演 提交于 2021-02-05 06:36:06
问题 I try to create a combo with an image ( or something else ) and when I choose an option, value in combo has some options. I create a combo box look like: But when I choose an option that looks like: Here is my code http://jsfiddle.net/QZqeK/ // The data store containing the list of states var states = Ext.create('Ext.data.Store', { fields: ['abbr', 'name'], data : [{ "abbr":"AL", "name":"<img src='http://icons.iconarchive.com/icons/famfamfam/silk/16/folder-picture-icon.png'>" }, { "abbr":"AK"

Is there Global variables in EXT JS

给你一囗甜甜゛ 提交于 2020-02-03 04:22:27
问题 In java and C++ we could store a variable globally and access its value from any where in the project. Say, i am inside a class called Residence and i am saving the residenceNumber which is a INT to a global variable called houseNumberGlobalVariable . Now, i could access houseNumberGlobalVariable from any class in the project. In a similar fashion, is there a Global variable in EXTJS that i could use. I need to set a value from one class and access it from another. What is the equivalent in

Fix the width and height of the table td

拟墨画扇 提交于 2020-01-25 11:21:04
问题 In my project, I am trying to fix the width and height of td 's by doing the following: td{ max-width:100px; max-height:100px; width:100px; height:100px; overflow:hidden; word-wrap:break-word; /* CSS3 */ } Here is the fiddle But as you can see in the fiddle, the td is increasing in height if the content in it is increasing. Anyway to fix it? Please give a solution which is cross-browser . If there is a fix available in extjs then that could also help me. PS: I know using div's it can be

How to fix ExtJS scoped CSS for IE?

谁说胖子不能爱 提交于 2020-01-16 19:45:29
问题 I'm using ExtJS 4.1.1 and some components don't display as expected in IE7. I checked ext-all-scoped.css and I noticed that these two classes .x-reset .x-ie do not appear in the right order, so the styles are not applied. I thought I could simply replace this string with the right one ( .x-ie .x-reset ) but there are many different cases such as .x-reset .x-strict .x-ie7 , .x-reset .x-quirks .x-ie8 and so on all along the file. Thereby, I'd rather like recompile the entire CSS file. Does

MessageBox shown after function is over

跟風遠走 提交于 2020-01-16 04:07:12
问题 I have a javascript function that calls my javascript function, my func islike this: function sugParitValidation(){ var isValid = false; Ext.MessageBox.confirm(' ','Are you sure you want to do this?', function(btn){ if(btn == 'yes'){ isValid = true; } }); return isValid ; } My problem is - if statement and the return statment is happening, and only after that the confirm window being shown. That way I can't react to what the user choosed. how to solve this? tried allready use setTimeOut, no

ExtJS - Changing default button styles and fonts

情到浓时终转凉″ 提交于 2020-01-15 09:12:54
问题 I have this requirement where I have to change the default styles on my Ext JS application. I am not talking about changing stuff in CSS files yet. I am not that ambitious yet. Here is what I am looking for: Suppose I need a Submit and Cancel buttons, I use xtype:button and text:Save ( or Cancel ). This will render buttons with the text on them. What should I do if I want to change the look and feel of the button? Or replace the button with a cool Save or Cancel image? Right now I have all

How To design chart in Ext.js?

独自空忆成欢 提交于 2020-01-15 05:27:06
问题 I have started work on charts using Ext.js. I am new for this Ext.js. i have attached both image chart1 and chart2. I need to design chart like chart1 but it is not coming. I have did chart but it is showing like chart2. How can achieve like chart1. I have attached both images for references. Can any one give me hints/solution how to solve this issue. based on date and job value graph line has to come and another graph line based on downtime and date has to come .In first chart1 blue/red dot