Sencha Forum - Ext 3.x: Help & Discussion

how to deselect the the grid main check box when one row is deselect

@naresh — Sat, 25 May 2013 11:18:46 GMT

hi ,
i am using the extjs 3.4 and i want to select the multiple rows in a grid so i see the example the link given below:
http://dev.sencha.com/deploy/ext-3.4...d-plugins.html

in this example also when i check the company check box all is selected and when i unchecked all is deselected .
but when i deselect the only one row of the the company check box is not deselected .

so please suggests me to solved the problem

Application dumps ExtJS (3.4) code on iPad/Safari (6.0)

sksencha — Thu, 23 May 2013 21:01:15 GMT

I am debugging an issue which happens on the iPad Safari browser. Our application dumps the Ext JS code on the web page ( attached is the screenshot of the problem). This issue does not happen consistently. It happens when the page is reloaded or the user goes back to the previous page. Looks like this is happening while creating the Ext.JS.Combobox and Ext.JS.datefield controls in our application.

When adding the exception handling code on new Ext.JS.ComboBox code, it throws "TypeError: Undefined is not a function"error. This error does not happen when the debugger is turned on and it happens only with the compressed JS files. Can anyone please let me know if there are any issues with Ext JS 3.4 on iPad 6.0 (Safari) browser?

Attachment 43964

Thanks for your help.

Attached Images

Ext JS code on web page.jpg‎ (38.2 KB)

Duplicate Files in ext-3.4.1.1-gpl ZIP file

Eric24 — Thu, 23 May 2013 14:31:52 GMT

There are 100s of duplicate files in the ext-3.4.1.1-gpl.zip file I just downloaded (i.e. in /adapter/ext, there are two copies of ext-base.js and ext-base-debug.js); the files are different and this is not a filename case issue. Is this intentional? And if so, how do I know which file to use?

Firefox 21.0 breakes extjs 3.4.0 Drag and Drop

icarey — Wed, 22 May 2013 08:35:51 GMT

Hello,
I am using extjs 3.4.0 and since Firefox has updated to 21.0 Drag and Drop of my windows no longer works. I have checked with the latest versions of IE, Opera and Chrome and all are working.

Is this a known bug or may there be another reason.

Thanks,
Ivan

add/remove compositefield in a fieldset in a formpanel doesn't work properly

@naresh — Wed, 22 May 2013 06:17:06 GMT

hi i am using extjs 3.4 add try to add remove compositefield in a fieldset in a fromPanel error is an endless loop occur .

here is my code :
{
xtype: 'fieldset',
title: 'Room Properties',
collapsible: true,
id:'roompropertiesId',
items:[new Ext.Button({
text:'Add Property',
handler: function(item){
var fieldset = Ext.getCmp('roompropertiesId');
if(fieldset.items.length >5){
Ext.MessageBox.alert('Add Property','only five fields has been added');
return;
}
counter.no = counter.no + 1;
var a = fieldset.add({
xtype : 'compositefield'
,
id : 'compositefieldId'+counter.no
,
name : 'name'+counter.no
,
height : 22
,
autoDestroy : true
,
items : [{
name : 'key'+counter.no
,
fieldLabel : "Key",
id : 'keyFieldId'+counter.no
,
xtype : 'textfield'
,
width : 50
,
height : 22
,
allowBlank : true
},{
name : 'value'+counter.no
,
xtype : 'textfield',
id : 'valueFieldId'+counter.no
,
fieldLabel : 'Value'
,
width : 50
,
allowBlank : true
},{
xtype : 'displayfield',
id:'removeFieldId'+counter.no,
html : '

Remove

'
,
height : 16
}]
});
fieldset.doLayout();
removeFormFields = function(id) {
var fieldset = roomPanel.findByType('fieldset')[0],
composite = roomPanel.findByType('compositefield'+id),
c = 0,
cNum = composite.length;

for (; c < cNum; c++) {
alert(cNum)
fieldset.remove(composite[c]);
}
// fieldset.remove('compositefieldId'+id);
}
}
})]
}

[ask] simple combobox -- nothing display

mtamma — Tue, 21 May 2013 10:14:07 GMT

Hi all,

could anyone tell me what wrong with my code? (it displayed nothing)

Code:

Image Zoom in and Zoom out

highradius — Tue, 21 May 2013 04:51:37 GMT

i am using extjs 3.4.

i am trying to zoom and rotate the images inside the panel using keys( Alt+right arrow,Alt+left arrow Alt + ,Alt -).

when i open the image from the grid panel and zoom it for the first time its works perfectly fine, after closing the same image and opening the same image second time and on zooming the function in red colour is called twice and zooming twice.

i have no idea why the function is called twice on keying Alt+,
any suggestions would be helpfull..

or do we have any other way of doing this..

Code:

Ext.onReady(function () {        var keystroke = new Ext.KeyMap(document, {





            key: [107,109,37,39],

            alt : true,

            scope: this,

            fn:function(key) {





            switch(key){

            case 107 : // '+' button on keypad

-- my code which zooms the image

-- will get the height and width of the image and on clicking Alt + i am increasing the height to height+200 and width to width+200





            break;

            case 109 : // '-' button on keypad

            

                break;

            case 37 : // Left arrow

                

                break;

            case 39 : // Right arrow

                

                break;





            }

        },

        stopEvent:true

        });

    });

Insert component with dom auto created

EvilKnight — Mon, 20 May 2013 07:56:06 GMT

For EXTJS 3.4
I am required to use .insert and than doLayout() to insert a component that could be example a textfield. But after the insert, I could not use it component method example: .disable() or .setvalue(''). as it shows error:
Line: 2834
Error: 'this.dom.className' is null or not an object
Checked that the dom is not created under el for Ext.getCmp('exampleId1')

var dynamicComponent = new Ext.form.TextField({ id: 'exampleId1', name: 'exampleName1' });
myPanel.insert(3, dynamicComponent);
myPanel.doLayout();

var CheckboxToDisable= new Ext.form.Checkbox({
boxLabel: 'this a checkbox',
listeners: {
check: function(checkbox, checked)
{
if (checked)
{
Ext.getCmp('exampleId1').disable();
}
else
{
valueControl.enable();
}
}
}

this.lastSize is undefined

Joyfulbob — Fri, 17 May 2013 20:13:45 GMT

Getting this on a TabPanel when loading just 2 tabs; one a form and the other has a grid with a panel.

Couldn't find anything out in FireBug or Break on All Errors.

I've tried the 'SyncHeight' plane override, but that loops.

PHP Code:


 var poiPreviewPane =  new Ext.Panel({
     id: 'poiPreviewPane',
        region:'south',
        height: 75,
        width: 600,
        title:'Preview',
        autoScroll: true
    });

 var ddcEditGrid =  new Ext.extend(Ext.grid.EditorGridPanel, {

    initComponent: function() {
...

   Ext.apply(this,{
      id: 'ddcEditGrid',
      region:'center',    //for tab panel since it holds 2 containers; grid & preview pane
      store: ddcDataStore,
      cm: ddcColumnModel,
      clicksToEdit:1,
      stripeRows: true,
      loadMask: true,
      stateful: false,
      border:false,
      frame:false,
      height: 465,
      viewConfig:{emptyText:'No rows to display'},
      plugins: [ piPrjmary ],
      view: new Ext.grid.GroupingView({
          startCollapsed: false,
          enableRowBody: false,
          hideGroupedColumn: false,
          groupTextTpl: '{text}  - {[ values.rs[0].data["INVDTM"] ]} : {[values.rs.length]} {[values.rs.length > 1 ? "Invoices" : "Invoice"]}'
    }),
      selModel: ddcSelModel
    });    // eo apply

...
        var centerPanel = new Ext.TabPanel({ 
                    region:'center',
                    id:'center-panel',    
                    deferredRender: false,   
                    activeTab:0,
            layoutOnTabChange: true,//only useful if a form in a tab and using IE
            //anchor: '100% 100%',
            enableTabScroll:true,
            defaults: {autoScroll:true},
                    items:[  { 
                        title:'Service Billing',
                        id: 'poiServiceBilling',
                        xtype: 'panel',
                        layout: 'border',
                        height: 625,
                        hidden: true,
                        items: [ 
                        {
                            id: 'ddcEditGrid',
                            xtype: 'ddcEditGrid'
                        }, 
                            poiPreviewPane
                        ]
                } ]
          })      
    ...
       var viewport = new Ext.Viewport({
               id: 'viewport', 
            layout:'border',
        stateful: false,
            items:[
                new Ext.BoxComponent({ 
                    region:'north',
                    el: 'north',
            hidden:true,
                    height:32
                }),{
                    region:'west',
                    id:'west-panel',
                    title:'SiteCentrl',
                    split:true,
                    width: 200,
                    minSize: 175,
                    maxSize: 400,
                    collapsible: true,
                    margins:'0 0 0 5',
                    layout:'accordion',
                    stateful: false,
                    layoutConfig:{        
                        animate:true
                    },
            centerPanel
             ]
        });

Dataview & XTemplate conditional layout

jschiffer — Fri, 17 May 2013 18:06:21 GMT

Hi,

I am using a dataview to render a series of images using XTemplate, and based on their (json defined) type, I want to divide the images and append them onto separate parent divs for grouping. I do this (incorrectly) by looping though the dataview records in the template and if the record type matches in a conditional, adding the rendered image node as a child of that parent div.
The catch is that the dataview retains the index reference to the node as if it were still in the record order. This means the third element in the first parent, which may have been appended due to type in a different order, when queried for record is mismatched to the data that is displayed.

As I mentioned, I implement this incorrectly as seen here:

Code:

var tpl = new Ext.XTemplate(//loses index... dataview sees the index as the position of the rendered element

                        

                    '',

                        'Buttons
',

                        '',

                                '',

                                        '',

                                                '',

                                                '
',

                                                '{fieldname},{componentid},{#}
',        

                                        '
',

                                '',

                        '',

                '
',

    

                

                '',

                        'Element
',

                        '',

                                '',

                                        '',

                                                '',

                                                '
',

                                                '{fieldname},cid:{componentid},index:{#}
',        

                                                '
',

                                     '',

                             '',

                    '

',    





                '',

                'Placements
',

                '',

                        '',

                                '',

                                        '',

                                        '
',

                                        '{fieldname},{componentid},{#}
',

                                '
',                        

                        '',

                        '',

                '

',

                

                '',

                'Private
',

                '',

                            '',    

                                '',

                                        '',

                                        '
',

                                        '{fieldname},{componentid},{#}
',        

                                '
',

                            '',   

                            '',   

                '
'//,

                

           // ''

        ,{

                compiled:true

        });

I believe the intent of my template is clear, as is the incorrectness of looping multiple times; it yields the correct visual results, but the indexes are out of sync.

Any insight as to how to do this effectively and peripherally, more efficiently, is greatly appreciated.

Extjs Grid Column header menu

narram123 — Fri, 17 May 2013 12:52:31 GMT

Hello,

I did lot of research on the below requirement but couldn't find a suitable solution.I am using ExtJS - version 3.4.

I need to have only the columns that are present in the grid to be displayed in the grid's header menu.

I am unable to hide the existing menu options and display only those items that are available in the columns section.

Please help.

Thanks in advance !

Rama N

JsonStore not loading

srsi — Fri, 17 May 2013 07:47:10 GMT

Can somebody help me out here with JsonStore:

I have a listview with JsonStore and I get the data by doing following:

this.getComponent('resultGrid').getStore().load({
params : this.getValues(),
callback : function (r, o, s) {
debugger;
},
scope : this
});
my callback function says s = false. When I put a debugger in callback and observe this.getComponent('resultGrid').getStore().reader.jsonData, my data is available here but the data is not loading.

FYI: Data from the Spring controller contains complex object. example below:

Student.java

String id;
String name;
Details details;

Details.java
String detailName;
String detailAuthor;
List bookList = new ArrayList;

When I have not added List bookList = new ArrayList; it was working fine. but when I added this collection it is not loading.

Somebody please help on how to handle these kind of complex object within the JsonStore.

Custom grag and drop proxy in grid Panel and custom data

pkeersbulik — Fri, 17 May 2013 07:21:42 GMT

Hello,

i need to customize drag and drop on gridPanel.

when i drag a colum i had to display a different representation of my grid row.
more over i need to add some information to the dragData.

Is it possible ?

Thanks a lot

Theming Ext JS 3.x

hmm.jkisters — Thu, 16 May 2013 11:54:55 GMT

Hey there, i am working on a project that bases on Ext JS 3.4 an we have been asked to give the Application a newer, cleaner, fancier "Look". Due to time limitations Migrating to ExtJS 4 is out of question. I've spent a couple of hours on searching for Examples for a fancy looking ExtJS 3.x application but so far all ive seen is Change of Colors and dialogue / Background Colors. I've never seen anyone Change margins, widths or shapes. Is this because it is too hard in 3.x? Id be gratefull for Links to arcticles, tutorials, examples or screenshots of a ExtJS 3.x app with "high class look". So far i found the examples on the Market (which are neither fancy nor available) and the "Slate" Theme which is a start, but not as fancy as we want our application to be. Thanks in advance! Jens P.S.: How does one wrap a line in this Editor? This is driving me crazy@MSIE 10

increasing the height of header of tabpanel

lethalpunch — Wed, 15 May 2013 21:00:12 GMT

hi guyz,
i just want to increase the size of header or give some style to it like color, of the tab panel.
thanks in advance.