upgraded yui to 2.2.2 and yui-ext to 1.0.1a
This commit is contained in:
JT Smith
parent
4d9af2c691
commit
547ced6500
1992 changed files with 645731 additions and 0 deletions
319
www/extras/yui-ext/package/grid/edit-grid-debug.js
vendored
Normal file
319
www/extras/yui-ext/package/grid/edit-grid-debug.js
vendored
Normal file
|
|
@ -0,0 +1,319 @@
|
|||
/*
|
||||
* Ext JS Library 1.0.1
|
||||
* Copyright(c) 2006-2007, Ext JS, LLC.
|
||||
* licensing@extjs.com
|
||||
*
|
||||
* http://www.extjs.com/license
|
||||
*/
|
||||
|
||||
|
||||
Ext.grid.EditorGrid = function(container, config){
|
||||
Ext.grid.EditorGrid.superclass.constructor.call(this, container, config);
|
||||
this.container.addClass("xedit-grid");
|
||||
|
||||
if(!this.selModel){
|
||||
this.selModel = new Ext.grid.CellSelectionModel();
|
||||
}
|
||||
|
||||
this.activeEditor = null;
|
||||
|
||||
this.addEvents({
|
||||
|
||||
"beforeedit" : true,
|
||||
|
||||
"afteredit" : true,
|
||||
|
||||
"validateedit" : true
|
||||
});
|
||||
this.on("bodyscroll", this.stopEditing, this);
|
||||
this.on(this.clicksToEdit == 1 ? "cellclick" : "celldblclick", this.onCellDblClick, this);
|
||||
};
|
||||
|
||||
Ext.extend(Ext.grid.EditorGrid, Ext.grid.Grid, {
|
||||
isEditor : true,
|
||||
clicksToEdit: 2,
|
||||
trackMouseOver: false,
|
||||
|
||||
onCellDblClick : function(g, row, col){
|
||||
this.startEditing(row, col);
|
||||
},
|
||||
|
||||
onEditComplete : function(ed, value, startValue){
|
||||
this.editing = false;
|
||||
this.activeEditor = null;
|
||||
ed.un("specialkey", this.selModel.onEditorKey, this.selModel);
|
||||
if(String(value) != String(startValue)){
|
||||
var r = ed.record;
|
||||
var field = this.colModel.getDataIndex(ed.col);
|
||||
var e = {
|
||||
grid: this,
|
||||
record: r,
|
||||
field: field,
|
||||
originalValue: startValue,
|
||||
value: value,
|
||||
row: ed.row,
|
||||
column: ed.col,
|
||||
cancel:false
|
||||
};
|
||||
if(this.fireEvent("validateedit", e) !== false && !e.cancel){
|
||||
r.set(field, e.value);
|
||||
delete e.cancel;
|
||||
this.fireEvent("afteredit", e);
|
||||
}
|
||||
}
|
||||
this.view.focusCell(ed.row, ed.col);
|
||||
},
|
||||
|
||||
|
||||
startEditing : function(row, col){
|
||||
this.stopEditing();
|
||||
if(this.colModel.isCellEditable(col, row)){
|
||||
this.view.focusCell(row, col);
|
||||
var r = this.dataSource.getAt(row);
|
||||
var field = this.colModel.getDataIndex(col);
|
||||
var e = {
|
||||
grid: this,
|
||||
record: r,
|
||||
field: field,
|
||||
value: r.data[field],
|
||||
row: row,
|
||||
column: col,
|
||||
cancel:false
|
||||
};
|
||||
if(this.fireEvent("beforeedit", e) !== false && !e.cancel){
|
||||
this.editing = true;
|
||||
(function(){
|
||||
var ed = this.colModel.getCellEditor(col, row);
|
||||
ed.row = row;
|
||||
ed.col = col;
|
||||
ed.record = r;
|
||||
ed.on("complete", this.onEditComplete, this, {single: true});
|
||||
ed.on("specialkey", this.selModel.onEditorKey, this.selModel);
|
||||
this.activeEditor = ed;
|
||||
var v = r.data[field];
|
||||
ed.startEdit(this.view.getCell(row, col), v);
|
||||
}).defer(50, this);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
stopEditing : function(){
|
||||
if(this.activeEditor){
|
||||
this.activeEditor.completeEdit();
|
||||
}
|
||||
this.activeEditor = null;
|
||||
}
|
||||
});
|
||||
Ext.grid.GridEditor = function(field, config){
|
||||
Ext.grid.GridEditor.superclass.constructor.call(this, field, config);
|
||||
field.monitorTab = false;
|
||||
};
|
||||
|
||||
Ext.extend(Ext.grid.GridEditor, Ext.Editor, {
|
||||
alignment: "tl-tl",
|
||||
autoSize: "width",
|
||||
hideEl : false,
|
||||
cls: "x-small-editor x-grid-editor",
|
||||
shim:false,
|
||||
shadow:"frame"
|
||||
});
|
||||
Ext.grid.PropertyRecord = Ext.data.Record.create([
|
||||
{name:'name',type:'string'}, 'value'
|
||||
]);
|
||||
|
||||
Ext.grid.PropertyStore = function(grid, source){
|
||||
this.grid = grid;
|
||||
this.store = new Ext.data.Store({
|
||||
recordType : Ext.grid.PropertyRecord
|
||||
});
|
||||
this.store.on('update', this.onUpdate, this);
|
||||
if(source){
|
||||
this.setSource(source);
|
||||
}
|
||||
Ext.grid.PropertyStore.superclass.constructor.call(this);
|
||||
};
|
||||
Ext.extend(Ext.grid.PropertyStore, Ext.util.Observable, {
|
||||
setSource : function(o){
|
||||
this.source = o;
|
||||
this.store.removeAll();
|
||||
var data = [];
|
||||
for(var k in o){
|
||||
if(this.isEditableValue(o[k])){
|
||||
data.push(new Ext.grid.PropertyRecord({name: k, value: o[k]}, k));
|
||||
}
|
||||
}
|
||||
this.store.loadRecords({records: data}, {}, true);
|
||||
},
|
||||
|
||||
onUpdate : function(ds, record, type){
|
||||
if(type == Ext.data.Record.EDIT){
|
||||
var v = record.data['value'];
|
||||
var oldValue = record.modified['value'];
|
||||
if(this.grid.fireEvent('beforepropertychange', this.source, record.id, v, oldValue) !== false){
|
||||
this.source[record.id] = v;
|
||||
record.commit();
|
||||
this.grid.fireEvent('propertychange', this.source, record.id, v, oldValue);
|
||||
}else{
|
||||
record.reject();
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
getProperty : function(row){
|
||||
return this.store.getAt(row);
|
||||
},
|
||||
|
||||
isEditableValue: function(val){
|
||||
if(val && val instanceof Date){
|
||||
return true;
|
||||
}else if(typeof val == 'object' || typeof val == 'function'){
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
},
|
||||
|
||||
setValue : function(prop, value){
|
||||
this.source[prop] = value;
|
||||
this.store.getById(prop).set('value', value);
|
||||
},
|
||||
|
||||
getSource : function(){
|
||||
return this.source;
|
||||
}
|
||||
});
|
||||
|
||||
Ext.grid.PropertyColumnModel = function(grid, store){
|
||||
this.grid = grid;
|
||||
var g = Ext.grid;
|
||||
g.PropertyColumnModel.superclass.constructor.call(this, [
|
||||
{header: this.nameText, sortable: true, dataIndex:'name', id: 'name'},
|
||||
{header: this.valueText, resizable:false, dataIndex: 'value', id: 'value'}
|
||||
]);
|
||||
this.store = store;
|
||||
this.bselect = Ext.DomHelper.append(document.body, {
|
||||
tag: 'select', style:'display:none', cls: 'x-grid-editor', children: [
|
||||
{tag: 'option', value: 'true', html: 'true'},
|
||||
{tag: 'option', value: 'false', html: 'false'}
|
||||
]
|
||||
});
|
||||
Ext.id(this.bselect);
|
||||
var f = Ext.form;
|
||||
this.editors = {
|
||||
'date' : new g.GridEditor(new f.DateField({selectOnFocus:true})),
|
||||
'string' : new g.GridEditor(new f.TextField({selectOnFocus:true})),
|
||||
'number' : new g.GridEditor(new f.NumberField({selectOnFocus:true, style:'text-align:left;'})),
|
||||
'boolean' : new g.GridEditor(new f.Field({el:this.beselect,selectOnFocus:true}))
|
||||
};
|
||||
this.renderCellDelegate = this.renderCell.createDelegate(this);
|
||||
this.renderPropDelegate = this.renderProp.createDelegate(this);
|
||||
};
|
||||
|
||||
Ext.extend(Ext.grid.PropertyColumnModel, Ext.grid.ColumnModel, {
|
||||
nameText : 'Name',
|
||||
valueText : 'Value',
|
||||
dateFormat : 'm/j/Y',
|
||||
renderDate : function(dateVal){
|
||||
return dateVal.dateFormat(this.dateFormat);
|
||||
},
|
||||
|
||||
renderBool : function(bVal){
|
||||
return bVal ? 'true' : 'false';
|
||||
},
|
||||
|
||||
isCellEditable : function(colIndex, rowIndex){
|
||||
return colIndex == 1;
|
||||
},
|
||||
|
||||
getRenderer : function(col){
|
||||
return col == 1 ?
|
||||
this.renderCellDelegate : this.renderPropDelegate;
|
||||
},
|
||||
|
||||
renderProp : function(v){
|
||||
return this.getPropertyName(v);
|
||||
},
|
||||
|
||||
renderCell : function(val){
|
||||
var rv = val;
|
||||
if(val instanceof Date){
|
||||
rv = this.renderDate(val);
|
||||
}else if(typeof val == 'boolean'){
|
||||
rv = this.renderBool(val);
|
||||
}
|
||||
return Ext.util.Format.htmlEncode(rv);
|
||||
},
|
||||
|
||||
getPropertyName : function(name){
|
||||
var pn = this.grid.propertyNames;
|
||||
return pn && pn[name] ? pn[name] : name;
|
||||
},
|
||||
|
||||
getCellEditor : function(colIndex, rowIndex){
|
||||
var p = this.store.getProperty(rowIndex);
|
||||
var n = p.data['name'], val = p.data['value'];
|
||||
if(this.grid.customEditors[n]){
|
||||
return this.grid.customEditors[n];
|
||||
}
|
||||
if(val instanceof Date){
|
||||
return this.editors['date'];
|
||||
}else if(typeof val == 'number'){
|
||||
return this.editors['number'];
|
||||
}else if(typeof val == 'boolean'){
|
||||
return this.editors['boolean'];
|
||||
}else{
|
||||
return this.editors['string'];
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Ext.grid.PropertyGrid = function(container, config){
|
||||
config = config || {};
|
||||
var store = new Ext.grid.PropertyStore(this);
|
||||
this.store = store;
|
||||
var cm = new Ext.grid.PropertyColumnModel(this, store);
|
||||
store.store.sort('name', 'ASC');
|
||||
Ext.grid.PropertyGrid.superclass.constructor.call(this, container, Ext.apply({
|
||||
ds: store.store,
|
||||
cm: cm,
|
||||
enableColLock:false,
|
||||
enableColumnMove:false,
|
||||
stripeRows:false,
|
||||
trackMouseOver: false,
|
||||
clicksToEdit:1
|
||||
}, config));
|
||||
this.container.addClass('x-props-grid');
|
||||
this.lastEditRow = null;
|
||||
this.on('columnresize', this.onColumnResize, this);
|
||||
this.addEvents({
|
||||
beforepropertychange: true,
|
||||
propertychange: true
|
||||
});
|
||||
this.customEditors = this.customEditors || {};
|
||||
};
|
||||
Ext.extend(Ext.grid.PropertyGrid, Ext.grid.EditorGrid, {
|
||||
render : function(){
|
||||
Ext.grid.PropertyGrid.superclass.render.call(this);
|
||||
this.autoSize.defer(100, this);
|
||||
},
|
||||
|
||||
autoSize : function(){
|
||||
Ext.grid.PropertyGrid.superclass.autoSize.call(this);
|
||||
if(this.view){
|
||||
this.view.fitColumns();
|
||||
}
|
||||
},
|
||||
|
||||
onColumnResize : function(){
|
||||
this.colModel.setColumnWidth(1, this.container.getWidth(true)-this.colModel.getColumnWidth(0));
|
||||
this.autoSize();
|
||||
},
|
||||
|
||||
setSource : function(source){
|
||||
this.store.setSource(source);
|
||||
},
|
||||
|
||||
getSource : function(){
|
||||
return this.store.getSource();
|
||||
}
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue