w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
  Home » EXTJS » Page 1
Align text in gridcolumn (extjs 4.2.1)
If you are asking for the alignment of the header of the column please use the align property.Please check the following link from the docs here. If you are asking for the alignment of the data in the column you can always use the renderer function to return the html with class something like the below renderer : function(value, record){ return Ext.String.format('<div class="tree-

Categories : Extjs

How to scale down the UI size in ExtJS crisp theme
Yes, the font size is larger (13px in crisp, 12px in classic), plus each them is using a different font scheme, which will add a bit of a difference as well. To your question of scaling down the font size, the answer, of course, is yes this is possible. You could go down a bad road of creating a bunch of CSS rules to override what's already in crisp, and that would certainly work. However, the b

Categories : Extjs

Extjs treepicker error when reading from a json format
The error occurse, because the store is not auto created when assigned to your treepicker like store: 'GroupTree'. You have to create an instance of it first and that instance you need to assign to the treepicker. See the documentation http://docs.sencha.com/extjs/5.0.1/#!/api/Ext.ux.TreePicker-cfg-store . The following should work var groupStore = Ext.create('App.store.GroupTree'); groupStore.l

Categories : Extjs

ExtJS treepanel not getting real children items
Can you show the store. Ideally the tree store should look like this as stated below. Ext.define('MyApp.store.Hierarchies',{ extend: 'Ext.data.TreeStore', model : 'MyApp.model.Hierarchy', proxy: { type: 'ajax', url: 'path-to-json-file.json', }, root: { text: 'Root', id: 'root', iconCls: 'cls', expanded: false, } });

Categories : Extjs

Getting the filename from filefield Extjs widget
Ext.create('Ext.form.Panel', { title: 'Upload a Photo', width: 400, bodyPadding: 10, frame: true, renderTo: Ext.getBody(), items: [{ xtype: 'filefield', name: 'photo', fieldLabel: 'Photo', labelWidth: 50, msgTarget: 'side', allowBla

Categories : Extjs

How to change label background color dynamically?
There are couple of ways to achieve that, but all of them use manipulate CSS. 1. Change css class on label CSS classes .cls1 { background-color: #fff; } .cls2 { background-color: #ccc; } ExtJS label.removeCls('cls1'); label.addCls('cls2'); 2. Change style on DOM Element label.getEl().setStyle('background', '#CCC'); Good Luck!

Categories : Extjs

CQ, custom widget for text, link, checkbox in multifield
i actually figured out myself.... basically, just override validateValue: function(value) here is the whole code example: CQ.form.KeyValueLinkSelection = CQ.Ext.extend(CQ.form.CompositeField, { /** * @private * @type CQ.Ext.form.TextField */ hiddenField: null, /** * @private * @type CQ.Ext.form.Label */ textLabel: null, /** * @private

Categories : Extjs

How to use Xtemplate inside sencha architect?
I'm actually using XTemplate in architect just use &gt; and &lt; instead of '<' and '>' in your condition: if balance>0 ==> use: if balance > 0 see below: <table width="100%"><tr> <td>{c_name}</td> <td width="95px"> <tpl if="balance &gt; 0"> <div style="border-radius:5px;;width:95px;height:100%;background:#088cfc

Categories : Extjs

Accessing viewport center region from view and change the activeItem
In order to set a card dynamically you will want to use the setActiveTab (please note it appears setActiveItem will work to but it isn't documented.) method on the tabpanel component. I'd recommending adding an itemId to the tabpanel to make it easy to query or else you will want move up or down from the button in the click event listener/handler. Ext.ComponentQuery.query('#myItemId')[0].setAc

Categories : Extjs

Tabpanel. Long tab title overlaps close tool
That shouldn't happen with the default styles and CSS; the text area in the tab has overflow: hidden set, so it truncates the text. I would first look at what your CSS is doing that is preventing this.

Categories : Extjs

ExtJS 4 - MessageBox Prompt change input field type to password
I believe that goes a little bit beyond the scope of what the Ext.MessageBox was designed for. In looking at the source code the only things that passed into the input are the value, and height if the multiline is set. What you could do instead, is to create your own component that extends Ext.Window and sets modal to true. This allows you to customize the window as you see fit.

Categories : Extjs

Class Values on WaitMsg
Hi Please try adding the following once. handler: function(){ fs.getForm().submit({url:url, waitMsg:'Uploading Data...',msgCls:'yourmsgclass'}); } For more info check the docs here

Categories : Extjs

Extjs set icon of treenode in TreeStore
You should be able to use a renderer to parse the value of the column and then set an icon based on whatever rules you may have. This simple example adds a class to the column cell that equals it's value, but you could parse the column value and set a specific class or icon in the renderer function instead. ... columns: [{ xtype: 'treecolumn', text: 'Components', flex: 2, sortable

Categories : Extjs

How to update badgeText in Sencha Touch (Ext.Container)
You can set it with the setBadgeText method. Add 'name: "notifications"' field in your button view. In the controller get the refs of the button like this: refs: { notificationsBtn : 'button[name="notifications"]' } Get the button tap event : control: { notificationsBtn : { tap : function(btn) { btn.setBadgeText('1'); // Get your store data and set } } Edit:-

Categories : Extjs

How to work with celldblclick event in extjs 5
Like that Ext.application({ name: 'Fiddle', launch: function() { Ext.create('Ext.data.Store', { storeId: 'simpsonsStore', fields: ['name', 'email', 'phone'], data: { 'items': [{ 'name': 'Lisa', "email": "lisa@simpsons.com", "phone": "555-111-1224" }, {

Categories : Extjs

sencha touch 2 with youtube api oAuth
oAuth for Client Side Web Applications does not support http protocol for authentication requests. Note: Requests to Google's authorization server must use https instead of http because the server is only accessible over SSL (HTTPs) and refuses HTTP connections. Followed below approach: Render a link to redirect the app to google auth page. You need to register your application with google

Categories : Extjs

Why doesn't my ExtJS combo box select the first entry?
Instead of setting the value on initComponent try setting it on afterRender Ext.define('MYAPP.view.simplestatus.SimpleStatusCombo', { extend: 'Ext.form.field.ComboBox', xtype: 'simple-status-combo', autoSelect: true, editable: false, fieldLabel: 'Status', queryMode: 'local', store: [ ['ACTIVE', 'Active'], ['COMPLETE'

Categories : Extjs

Build Fail when i add Ext js lib to my web application
Eclipse is not suitable for javascript validations. Sometimes it messes up with javascript and throws this kind of error. You can disable javascript validation to get rid-off this error. Go to window-preferences, search for mark Select Javascript - editor - Mark Occurrences Uncheck Mark selected occurrences as shown below Fore more info : http://www.balasblog.com/2014/03/an-internal-error-occurr

Categories : Extjs

SenchaTouch - Move items from one panel to another
Works like a charm : if (Ext.Viewport.getOrientation() == 'portrait') { var backupItems = Ext.getCmp('login-landscape-panel').items.items.slice(0); // clone array Ext.getCmp('login-portrait-panel').add(backupItems); Ext.getCmp('login-landscape-panel').removeAll(); Ext.getCmp('login-landscape-panel').hide(); Ext.getCmp('login-portrait-panel').show(); } else { var backup

Categories : Extjs

Want to retrieve values not other details from array object in rally
You can get an object of all the key/value pairs like so: _.reduce(daysOfMonth.getKeys(), function(result, key) { result[key] = daysOfMonth.get(key); return result; }, {}); I'm curious why you're using a HashMap to begin with rather than just a regular plain old javascript object literal?

Categories : Extjs

There was an issue communication with the cmd server.Check to make sure you have the latest version of cmd installed
I had this issue and I resolved it by running the sencha CMD server. I was able to start it up using the instructions from: http://www.ladysign-apps.com/developer/use-the-sencha-cmd-webserver/#.VHGF5dKUdAo. I imagine there is more info on this in the Sencha documentation but this seemed to make the error go away for me.

Categories : Extjs

Sencha Touch - App watch sass
I had the same problem. Run your command with: sencha ant sass -watch It will monitor the sass files for changes and compile them on the fly just same as compass native command.

Categories : Extjs

Highchart + Extjs + chart Updates
I've had a similar issue with the line disappearing when I move the window. Does that also happen for you? I worked around the problem by hiding and showing the chart on the window's move event. It is a bit silly but it worked for me. listeners: { // For me it was the move event resize: function (window) { var chart = Ext.getCmp('chart'); chart.hide(); chart.show()

Categories : Extjs

extjs5 : How to disable all dates after today's date
Not sure you can... the invalid days have been given the right classes, and have all the correct setup. But the HTML is different. In Ext4, the template for rendering a date cell is '<a role="presentation" hidefocus="on" class="{parent.baseCls}-date" href="#"></a>', But in Ext5, the template is '<div hidefocus="on" class="{parent.baseCls}-date"></div>', The other pro

Categories : Extjs

How to speed up Sencha touch loading and init process?
Most of the time launching of app takes long time because of the below reasons 1.Unnecessary loading of controllers,views in app.js directly. 2.Unnecessary loading of static images/pdf(any static content) every time whenever we refresh the app. Below steps would be useful,if you follow these properly,in any sencha touch app. Do not load all controllers inside app.js directly,you can do loading

Categories : Extjs

how to store dialog properties/values under jcr:content node in cq5
Tags are automatically saved in a multi-value String property: yourpage->jcr:content->cq:tags you can check it in crxde light: http://localhost:4502/crx/de/index.jsp If you use the TagInputField xtype for your field in the dialog.xml: <tags jcr:primaryType="cq:Widget" fieldLabel="Tags" name="./cq:tags" xtype="tags"> </tags>

Categories : Extjs

Dynamically generated metadata does not display grid
I figured out the answer. I needed to specify a root value for the reader so that the data can be mapped properly. Ext.onReady(function() { Ext.widget("dynamicGrid", { title: 'WiFi LAN Data Rates [Dynamic]', renderTo: Ext.get('example-grid-dynamic'), readerType: 'dynamicReader', // This need to match the 'data' key specified in the `response` object //

Categories : Extjs

Unable to Filter Local Records in ExtJs
If you use any field (including Ext.form.ComboBox) then you should listen to change event. It is fired after value is changed in field, so also when you select something from list.

Categories : Extjs

ExtJS 5.0 Forms generated/driven by a store
I'm going to assume here that the JSON data represents a variety of dynamic data, and you can't simply use a pre-canned control like a grid, or a fixed form. What you need to do is to make your own container class, which dynamically creates widgets based on the JSON content. You'll have to write this yourself, of course. One extreme is to make your JSON content in the store be valid arguments to

Categories : Extjs

From Throughput stacked bar chart want to show minimum, maximum and average values rally
I figured out how to get the values, this.globalVar = Ext.Array.flatten(tempSeries); globalVar has series and categories values for the chart then called showStats(chart) function showStats: function(chart) { var project_oid = this.getContext().getProject().ObjectID; //var chart = this.down('#display_box').add(this.getChartConfig(project_oid)); this.timePeriod = Rally.util.DateTime.getDifferenc

Categories : Extjs

EXTJS 5 - ViewModel getting Store returns null value
I think you need to modify the code something like below. In order to get the reference to the ViewModel first you need to get the reference to View. Ext.define('App.view.view1.View1Controller', { extend: 'Ext.app.ViewController', alias: 'controller.view1', onloadnewdata: function(event, item,store){ var store = this.getView().getViewModel().getStore('Company'); co

Categories : Extjs

In Sencha Touch, exactly how do I change the icon in the Tab Panel to one of the existing picto icons included in Sencha Touch?
In Sencha Touch 2.4, just include the icon (as opposed to pictos-iconmask). For example: @include icon('photo2'); I would recommend doing this in a high level file, not a scoped file such as tab.Panel.scss. You can always narrow down your SCSS scope later on, however for debugging just toss the include into your base app.scss to ensure it works first.

Categories : Extjs

scroll grid sometimes not reload again in extjs
i can do by this :) Ext.override(Ext.grid.Scroller, { onAdded: function() { this.callParent(arguments); var me = this; if (me.scrollEl) { me.mun(me.scrollEl, 'scroll', me.onElScroll, me); me.mon(me.scrollEl, 'scroll', me.onElScroll, me); } } });

Categories : Extjs

Sencha Touch : .x-unsized vs .x-sized classes
I looked this up in the sencha-touch.js & Component.js.. To look it up on detail, check "doRefreshSizeState()" in Component.js: doRefreshSizeState: function() { var hasWidth = this.getWidth() !== null || this.widthLayoutSized || (this.getLeft() !== null && this.getRight() !== null), hasHeight = this.getHeight() !== null || this.heightLayoutSized || (this.getTop() !== null

Categories : Extjs

ExtJS 4.2 - Ext.ux.Printer library/class does not work
By the developer instructions, you should import the script files using your main html document, the same way you do with ExtJS classes (if you are not using the bootstrap). These lines should be added after you import the ExtJS library: <script type="text/javascript" src="Printer.js"></script> <script type="text/javascript" src="renderers/Base.js"></script> The library

Categories : Extjs

How to validate a cq5 dropdown widget (xtype=selection & type=select) on text change?
Instead of handling the on change event, creating validation message by your own and erasing all errors when required, just attach to the existing validation pipe. CQ Ext.form.TextField widget accepts the validator object. You can pass it either in the widget declaration <value jcr:primaryType="cq:Widget" fieldLabel="Provide value" name="./value" validator="function(value) {

Categories : Extjs

Build Failure While trying to build App using Sencha Cmd
This is probably because Ruby and Compass are not installed on the system. I used steps described in the following link to fix this issue on my Linux RHEL: https://www.rosehosting.com/blog/install-ruby-sass-and-compass/ Hope it helps.

Categories : Extjs

Changing background textfield in ExtJS
Im taking a guess here and going for ExtJS 4.2.1 with Classic theme. So just change your CSS to .invalid-component { background : #f4f777 !important; border: 2px dotted #ffee27; //works!! }

Categories : Extjs

EXTjs - How do I add headers: {'Content-Type':'charset=UTF-8;','accept-charset':'UTF-8'} in getForm().submit
"Note: Headers are not sent during file upload." http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.form.action.Submit-cfg-headers

Categories : Extjs




© Copyright 2018 w3hello.com Publishing Limited. All rights reserved.