PDA

View Full Version : [CLOSED]3.3-Beta1 Grid column model width broken



n4hpg
5 Aug 2010, 5:50 AM
With a grid having a default width, the widths of all columns inside of the column model are being ignored. All columns, are the same width.

evant
5 Aug 2010, 5:57 AM
I can't reproduce this.

Please post code:



/*!
* Ext JS Library 3.3.0
* Copyright(c) 2006-2010 Ext JS, Inc.
* [email protected]
* http://www.extjs.com/license
*/
Ext.onReady(function(){
Ext.QuickTips.init();

// NOTE: This is an example showing simple state management. During development,
// it is generally best to disable state management as dynamically-generated ids
// can change across page loads, leading to unpredictable results. The developer
// should ensure that stable state ids are set for stateful components in real apps.
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

// sample static data for the store
var myData = [['3m Co', 71.72, 0.02, 0.03, '9/1 12:00am'], ['Alcoa Inc', 29.01, 0.42, 1.47, '9/1 12:00am'], ['Altria Group Inc', 83.81, 0.28, 0.34, '9/1 12:00am'], ['American Express Company', 52.55, 0.01, 0.02, '9/1 12:00am'], ['American International Group, Inc.', 64.13, 0.31, 0.49, '9/1 12:00am'], ['AT&T Inc.', 31.61, -0.48, -1.54, '9/1 12:00am'], ['Boeing Co.', 75.43, 0.53, 0.71, '9/1 12:00am'], ['Caterpillar Inc.', 67.27, 0.92, 1.39, '9/1 12:00am'], ['Citigroup, Inc.', 49.37, 0.02, 0.04, '9/1 12:00am'], ['E.I. du Pont de Nemours and Company', 40.48, 0.51, 1.28, '9/1 12:00am'], ['Exxon Mobil Corp', 68.1, -0.43, -0.64, '9/1 12:00am'], ['General Electric Company', 34.14, -0.08, -0.23, '9/1 12:00am'], ['General Motors Corporation', 30.27, 1.09, 3.74, '9/1 12:00am'], ['Hewlett-Packard Co.', 36.53, -0.03, -0.08, '9/1 12:00am'], ['Honeywell Intl Inc', 38.77, 0.05, 0.13, '9/1 12:00am'], ['Intel Corporation', 19.88, 0.31, 1.58, '9/1 12:00am'], ['International Business Machines', 81.41, 0.44, 0.54, '9/1 12:00am'], ['Johnson & Johnson', 64.72, 0.06, 0.09, '9/1 12:00am'], ['JP Morgan & Chase & Co', 45.73, 0.07, 0.15, '9/1 12:00am'], ['McDonald\'s Corporation', 36.76, 0.86, 2.40, '9/1 12:00am'], ['Merck & Co., Inc.', 40.96, 0.41, 1.01, '9/1 12:00am'], ['Microsoft Corporation', 25.84, 0.14, 0.54, '9/1 12:00am'], ['Pfizer Inc', 27.96, 0.4, 1.45, '9/1 12:00am'], ['The Coca-Cola Company', 45.07, 0.26, 0.58, '9/1 12:00am'], ['The Home Depot, Inc.', 34.64, 0.35, 1.02, '9/1 12:00am'], ['The Procter & Gamble Company', 61.91, 0.01, 0.02, '9/1 12:00am'], ['United Technologies Corporation', 63.26, 0.55, 0.88, '9/1 12:00am'], ['Verizon Communications', 35.57, 0.39, 1.11, '9/1 12:00am'], ['Wal-Mart Stores, Inc.', 45.45, 0.73, 1.63, '9/1 12:00am']];

/**
* Custom function used for column renderer
* @param {Object} val
*/
function change(val){
if (val > 0) {
return '<span style="color:green;">' + val + '</span>';
} else if (val < 0) {
return '<span style="color:red;">' + val + '</span>';
}
return val;
}

/**
* Custom function used for column renderer
* @param {Object} val
*/
function pctChange(val){
if (val > 0) {
return '<span style="color:green;">' + val + '%</span>';
} else if (val < 0) {
return '<span style="color:red;">' + val + '%</span>';
}
return val;
}

// create the data store
var store = new Ext.data.ArrayStore({
fields: [{
name: 'company'
}, {
name: 'price',
type: 'float'
}, {
name: 'change',
type: 'float'
}, {
name: 'pctChange',
type: 'float'
}, {
name: 'lastChange',
type: 'date',
dateFormat: 'n/j h:ia'
}]
});

// manually load local data
store.loadData(myData);

var cm = new Ext.grid.ColumnModel({
defaultWidth: 100,
columns: [{
id: 'company',
header: 'Company',
width: 160,
sortable: true,
dataIndex: 'company'
}, {
header: 'Price',
width: 100,
sortable: true,
renderer: 'usMoney',
dataIndex: 'price'
}, {
header: 'Change',
width: 50,
sortable: true,
renderer: change,
dataIndex: 'change'
}, {
header: '% Change',
width: 200,
sortable: true,
renderer: pctChange,
dataIndex: 'pctChange'
}, {
header: 'Last Updated',
width: 85,
sortable: true,
renderer: Ext.util.Format.dateRenderer('m/d/Y'),
dataIndex: 'lastChange'
}, {
xtype: 'actioncolumn',
width: 50,
items: [{
icon: '../shared/icons/fam/delete.gif', // Use a URL in the icon config
handler: function(grid, rowIndex, colIndex){
var rec = store.getAt(rowIndex);
alert("Sell " + rec.get('company'));
},
tooltip: 'Sell stock'
}, {
iconCls: 'buy-col', // Or use a class in the iconCls config
handler: function(grid, rowIndex, colIndex){
var rec = store.getAt(rowIndex);
alert("Buy " + rec.get('company'));
},
tooltip: 'Buy stock'
}]
}]
});

// create the Grid
var grid = new Ext.grid.GridPanel({
store: store,
colModel: cm,
stripeRows: true,
height: 350,
width: 600,
title: 'Array Grid',
// config options for stateful behavior
stateful: true,
stateId: 'grid'
});

// render the grid to the specified div in the page
grid.render('grid-example');
});

n4hpg
5 Aug 2010, 6:15 AM
Evan, here's the whole form. Even the row numberer object is the same column width.



<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="PavukIDF 2.0" />
<title>Database Designer</title>
<link rel="stylesheet" type="text/css" media="all" href="https://www.pavuk.com/ext/resources/css/ext-all.css"/>
<link rel="stylesheet" type="text/css" media="all" href="https://www.pavuk.com/ext/examples/ux/css/ux-all.css"/>
<link rel="stylesheet" type="text/css" media="all" href="https://www.pavuk.com/css/pavuk.css"/>
<script src="https://www.pavuk.com/ext/adapter/ext/ext-base.js" type="text/javascript"></script>
<script src="https://www.pavuk.com/ext/ext-all-debug.js" type="text/javascript"></script>
<script src="https://www.pavuk.com/ext/examples/ux/ux-all-debug.js" type="text/javascript"></script><style></style></head><body><script>
var file_store = new Ext.data.ArrayStore({
storeId:'file_store'
,autoDestroy:true
,autoLoad:true
,autoSave:false
,idIndex:0
,fields: [
'col_0',
'col_1',
'col_2',
'col_3',
'col_4',
'col_5',
'col_6',
'col_7',
'col_8',
'col_9',
'col_10',
'col_11',
'col_12',
'col_13',
'col_14',
'col_15',
'col_16',
'col_17',
'col_18'
]
,data: [
[1,'NAME_FIRST','','','','YES','','','','','','','','','','','','',''],
[2,'NAME_LAST','','','','YES','','','','','','','','','','','','',''],
[3,'ADDRESS','','','','','','','','','','','','','','','','',''],
[4,'PHONE','Home Phone','','','','','','','','','','','','','','','',''],
[5,'PHONE','Work Phone','','','','','','','','','','','','','','','',''],
[6,'PHONE','Mobile Phone','','','','','','','','','','','','','','','',''],
[7,'URL_EMAIL','Home Email','','','','','','','','','','','','','','','',''],
[8,'URL_EMAIL','Work Email','','','','','','','','','','','','','','','',''],
[9,'DATE','Date of Birth','','','','','','','','','','','','','','','',''],
[10,'CHECK','Spectrum Type','','','','','','','','','Subscriber,Contributor,Editor,Advertiser','','','','','','',''],
[11,'TEXTBOX','Notes','65','','','','','','','','','','','','','','',''],
[12,'','','','','','','','','','','','','','','','','',''],
[13,'','','','','','','','','','','','','','','','','',''],
[14,'','','','','','','','','','','','','','','','','',''],
[15,'','','','','','','','','','','','','','','','','',''],
[16,'','','','','','','','','','','','','','','','','',''],
[17,'','','','','','','','','','','','','','','','','',''],
[18,'','','','','','','','','','','','','','','','','',''],
[19,'','','','','','','','','','','','','','','','','',''],
[20,'','','','','','','','','','','','','','','','','',''],
[21,'','','','','','','','','','','','','','','','','',''],
[22,'','','','','','','','','','','','','','','','','',''],
[23,'','','','','','','','','','','','','','','','','',''],
[24,'','','','','','','','','','','','','','','','','',''],
[25,'','','','','','','','','','','','','','','','','',''],
[26,'','','','','','','','','','','','','','','','','',''],
[27,'','','','','','','','','','','','','','','','','',''],
[28,'','','','','','','','','','','','','','','','','',''],
[29,'','','','','','','','','','','','','','','','','',''],
[30,'','','','','','','','','','','','','','','','','',''],
[31,'','','','','','','','','','','','','','','','','',''],
[32,'','','','','','','','','','','','','','','','','',''],
[33,'','','','','','','','','','','','','','','','','',''],
[34,'','','','','','','','','','','','','','','','','',''],
[35,'','','','','','','','','','','','','','','','','',''],
[36,'','','','','','','','','','','','','','','','','','']
]
});
var file_column = new Ext.grid.ColumnModel({
defaults:{sortable:true,menuDisabled:true,defaultWidth:150}
,columns:[
new Ext.grid.RowNumberer(),
{header:'Element',width:100,dataIndex:'col_1'},
{header:'Description',width:120,dataIndex:'col_2'},
{header:'Lth',width:25,dataIndex:'col_3'},
{header:'Units',width:35,dataIndex:'col_4'},
{header:'Reqd',width:35,dataIndex:'col_5'},
{header:'Pivot Vfile',width:90,dataIndex:'col_6'},
{header:'Vatb',width:35,dataIndex:'col_7'},
{header:'Indexed',width:80,dataIndex:'col_8'},
{header:'Grid Name',width:80,dataIndex:'col_9'},
{header:'Gseq',width:35,dataIndex:'col_10'},
{header:'Linked Values',width:200,dataIndex:'col_11'},
{header:'Load File',width:90,dataIndex:'col_12'},
{header:'Lkey',width:35,dataIndex:'col_13'},
{header:'Lsatb',width:35,dataIndex:'col_14'},
{header:'Look',width:35,dataIndex:'col_15'},
{header:'Desc',width:35,dataIndex:'col_16'},
{header:'Eans',width:35,dataIndex:'col_17'},
{header:'Select Query',width:35,dataIndex:'col_18'}
]
});Ext.onReady(function(){
Ext.BLANK_IMAGE_URL='https://www.pavuk.com/ext/docs/resources/s.gif';
Ext.QuickTips.init();
var P_FILE = new Ext.form.FormPanel({
standardSubmit: true
,renderTo: Ext.getBody()
,id:'mainForm'
,formId:'P_FILE'
,method:'POST'
,frame:true
,height:670
,width:985
,layout:'form'
,items:[
{xtype:'hidden',id:'htab',name:'htab',value:'tab0'},
{xtype:'panel'
,layout:'absolute'
,id:'recordpanel'
,height:100
,title:'Database Designer&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Spectrum International&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;bcrowell'
,deferredRender:false
,defaults:{
layout:'absolute'
,hideMode:'offsets'
,bodyStyle:'padding:5px'
}
,items:[
{xtype: 'box'
,id:'pavuk'
,x:945
,y:0
,autoEl: {tag: 'img', src: 'https://www.pavuk.com/icons/pavuk.gif'}
},
{xtype:'textfield'
,id:'ikey'
,name:'key'
,x:340,y:5
,width: 150
,emptyText:'Record Locator'
,value:'U.PEOPLE'
,maxLength: 30
,maxLengthText:'The maximum size is 30 characters'
,focusClass:'pavuk-field-focus'
,readOnly:true
,cls:'pavuk-readonly'
},
{xtype:'button'
,id:'command_0'
,width:85
,x:500,y:1
,text:'Get'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/database.png'
,tooltip:'Click me to get a record from the database'
,tooltipType:'title'
,style:'padding:3px'
,disabled:false
,handler: function() {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=get';
P_FILE.getForm().submit();
}
},
{xtype: 'box'
,id:'box1'
,x:340
,y:33
,autoEl: {tag: 'img', src: 'https://www.pavuk.com/ktp/icons/32x32/document_edit.png',qtip:'This is an existing record which may be edited.'}
},
{xtype: 'box'
,id:'box2'
,x:380
,y:33
,autoEl: {tag: 'img', src: 'https://www.pavuk.com/ktp/icons/32x32/lightbulb_on.png',qtip:'This record is active.'}
},
{xtype:'button'
,id:'command_99'
,width:85
,x:885,y:45
,text:'Logout'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/user.png'
,tooltip:'Click me to logout.'
,tooltipType:'title'
,style:'padding:3px'
,disabled:false
,handler: function() {
Ext.Msg.confirm('Confirmation','Do you wish to logout?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=logout';
P_FILE.getForm().submit();
} else {}
});
}
}
]
},
{xtype:'tabpanel'
,id:'tabpanel'
,activeTab:0
,border:true
,height:515
,deferredRender:false
,layoutOnTabChange:true
,defaults:{
layout:'absolute'
,bodyStyle:'padding:3px'
}
,items:[
{title:'Field Data'
,id:'tab0'
,items:[
{xtype:'grid'
,height:485
,width:971
,frame:true
,store:file_store
,cm:file_column
,columnLines:true
,bbar: new Ext.Toolbar()
,sm: new Ext.grid.RowSelectionModel({
singleSelect: true
,listeners:{
rowselect:{
fn: function(sm,index,record) {
index += 1;
window.open('https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=U.PEOPLE&window=newwindow&command=call&function=EXT.FILE2&ipc_atb='+index,'FILE2','width=700, height=600, left=575,top=150'); return false;
}
}
}
})
}
]}
]
,listeners: { tabchange: function(e,f) { var stuff = document.getElementById('htab'); stuff.value = f.id;}}
}
]
,buttons:[
{xtype:'button'
,id:'command_1'
,width:80
,text:'Save/Run'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/save.png'
,tooltip:'Click me to save form data and uploaded attachments to the database'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=U.PEOPLE&form=P_FILE&command=save';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
},
{xtype:'button'
,id:'command_2'
,width:80
,text:'Access'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/history.png'
,tooltip:'Click here to view record filing history'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
window.open('https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&window=newwindow&key=U.PEOPLE&form=P_FILE&command=access','newwindow','width=700, height=500, left=675,top=300');
}
},
{xtype:'button'
,id:'command_3'
,width:80
,text:'Attach'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/attach.png'
,tooltip:'Click here to view previously saved attachments or to upload new attachment files'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
window.open('https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&window=attach&key=U.PEOPLE&form=P_FILE&command=attach','newwindow','width=700, height=500, left=675,top=300');
}
},
{xtype:'button'
,id:'command_4'
,width:80
,text:'Reset'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/reload.png'
,tooltip:'Reset causes all unsaved data to be discarded and the form ready for re-use'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
if (Ext.getCmp('mainForm').getForm().isDirty() === true ) {
Ext.Msg.confirm('Confirmation','Form has unsaved changes.<br />Still Reset?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=reset';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
} else {return false;}
});
} else {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=reset';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
}
},
{xtype:'button'
,id:'command_5'
,width:80
,text:'Search'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/find.png'
,tooltip:'Enter desired data into form fields and click search'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=search';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
},
{xtype:'button'
,id:'command_6'
,width:80
,text:'Select'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/show_source.png'
,tooltip:'Select a record from the current database or add a new record.'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
if (Ext.getCmp('mainForm').getForm().isDirty() === true ) {
Ext.Msg.confirm('Confirmation','Form has unsaved changes.<br />Still Select?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=select';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
} else {return false;}
});
} else {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=select';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
}
},
{xtype:'button'
,id:'command_7'
,width:80
,text:'Delete'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/trash.png'
,tooltip:'Click me to delete the present item from the database'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
Ext.Msg.confirm('Confirmation','Do you really want to delete this record?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=delete';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
} else {return false;}
});
}
},
{xtype:'button'
,id:'command_8'
,width:80
,text:'Print'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/print.png'
,tooltip:'Click me to get a printer friendly form'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
window.open('https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&window=newwindow&key=&form=P_FILE&command=req_print','newwindow','width=700, height=500, left=675,top=300');
}
},
{xtype:'button'
,id:'command_9'
,width:80
,text:'Follow'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/bookmark.png'
,tooltip:'Click me to have the record follow to another form.'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
if (Ext.getCmp('mainForm').getForm().isDirty() === true ) {
Ext.Msg.confirm('Confirmation','Form has unsaved changes.<br />Still Follow?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=follow';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
} else {return false;}
});
} else {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=follow';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
}
},
{xtype:'button'
,id:'command_10'
,width:80
,text:'Help'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/help.png'
,tooltip:'Opens a help window for this form'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
window.open('https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&window=newwindow&key=&form=P_FILE&command=help','newwindow','width=700, height=500, left=675,top=300');
}
},
{xtype:'button'
,id:'command_11'
,width:80
,text:'Exit'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/stop.png'
,tooltip:'Exit this form. Discards all unsaved data changes.'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
if (Ext.getCmp('mainForm').getForm().isDirty() === true ) {
Ext.Msg.confirm('Confirmation','Form has unsaved changes.<br />Still Exit?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=exit';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
} else {return false;}
});
} else {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=exit';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
}
}
]
});
P_FILE.render(document.body);
});</script></body></html>


This same form runs nicely in 3.2.2. It does not look like each column is spaced evenly at 150px. Seems a bit smaller. Running Safari on OS X. Let me know if I should try another browser.

Bill

evant
5 Aug 2010, 6:19 AM
Just ran your code with the SVN build in FF and Chrome and all the columns had different sizes. Could be that it's already since been fixed in SVN. Might want to try grabbing the latest from there.

n4hpg
5 Aug 2010, 6:21 AM
OK. I'll look for how to grab the SVN. Finding the link on the site is sometimes challenging :)

n4hpg
5 Aug 2010, 6:23 AM
Evan, I don't have access to the svn tree. I'll wait until beta2 is released. No worries, I'll just symlink back to 3.2.2 until beta 2. Thanks!