X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..c8256059947f3aa8f5b0a9a2acf55e2142bb4742:/docs/source/PropertyGrid.html diff --git a/docs/source/PropertyGrid.html b/docs/source/PropertyGrid.html index ef87278c..b5fac352 100644 --- a/docs/source/PropertyGrid.html +++ b/docs/source/PropertyGrid.html @@ -1,12 +1,18 @@ - - - - The source code - - - - -
/** + + + + The source code + + + + +
/*!
+ * Ext JS Library 3.2.1
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+
/** * @class Ext.grid.PropertyRecord * A specific {@link Ext.data.Record} type that represents a name/value pair and is made to work with the * {@link Ext.grid.PropertyGrid}. Typically, PropertyRecords do not need to be created directly as they can be @@ -93,9 +99,32 @@ Ext.grid.PropertyStore = Ext.extend(Ext.util.Observable, { }, // private - setValue : function(prop, value){ - this.source[prop] = value; - this.store.getById(prop).set('value', value); + setValue : function(prop, value, create){ + var r = this.getRec(prop); + if(r){ + r.set('value', value); + this.source[prop] = value; + }else if(create){ + // only create if specified. + this.source[prop] = value; + r = new Ext.grid.PropertyRecord({name: prop, value: value}, prop); + this.store.add(r); + + } + }, + + // private + remove : function(prop){ + var r = this.getRec(prop); + if(r){ + this.store.remove(r); + delete this.source[prop]; + } + }, + + // private + getRec : function(prop){ + return this.store.getById(prop); }, // protected - should only be called by the grid. Use grid.getSource instead. @@ -117,6 +146,8 @@ Ext.grid.PropertyColumnModel = Ext.extend(Ext.grid.ColumnModel, { nameText : 'Name', valueText : 'Value', dateFormat : 'm/j/Y', + trueText: 'true', + falseText: 'false', constructor : function(grid, store){ var g = Ext.grid, @@ -131,8 +162,8 @@ Ext.grid.PropertyColumnModel = Ext.extend(Ext.grid.ColumnModel, { var bfield = new f.Field({ autoCreate: {tag: 'select', children: [ - {tag: 'option', value: 'true', html: 'true'}, - {tag: 'option', value: 'false', html: 'false'} + {tag: 'option', value: 'true', html: this.trueText}, + {tag: 'option', value: 'false', html: this.falseText} ]}, getValue : function(){ return this.el.dom.value == 'true'; @@ -157,7 +188,7 @@ Ext.grid.PropertyColumnModel = Ext.extend(Ext.grid.ColumnModel, { // private renderBool : function(bVal){ - return bVal ? 'true' : 'false'; + return this[bVal ? 'trueText' : 'falseText']; }, // private @@ -177,7 +208,11 @@ Ext.grid.PropertyColumnModel = Ext.extend(Ext.grid.ColumnModel, { }, // private - renderCell : function(val){ + renderCell : function(val, meta, rec){ + var renderer = this.grid.customRenderers[rec.get('name')]; + if(renderer){ + return renderer.apply(this, arguments); + } var rv = val; if(Ext.isDate(val)){ rv = this.renderDate(val); @@ -269,6 +304,33 @@ var grid = new Ext.grid.PropertyGrid({ 'Start Time': '10:00 AM' } }); +
+ */ +
/** + * @cfg {Object} source A data object to use as the data source of the grid (see {@link #setSource} for details). + */ +
/** + * @cfg {Object} customRenderers An object containing name/value pairs of custom renderer type definitions that allow + * the grid to support custom rendering of fields. By default, the grid supports strongly-typed rendering + * of strings, dates, numbers and booleans using built-in form editors, but any custom type can be supported and + * associated with the type of the value. The name of the renderer type should correspond with the name of the property + * that it will render. Example usage: + *

+var grid = new Ext.grid.PropertyGrid({
+    ...
+    customRenderers: {
+        Available: function(v){
+            if(v){
+                return 'Yes';
+            }else{
+                return 'No';
+            }
+        }
+    },
+    source: {
+        Available: true
+    }
+});
 
*/ @@ -284,6 +346,7 @@ var grid = new Ext.grid.PropertyGrid({ // private initComponent : function(){ + this.customRenderers = this.customRenderers || {}; this.customEditors = this.customEditors || {}; this.lastEditRow = null; var store = new Ext.grid.PropertyStore(this); @@ -368,6 +431,24 @@ grid.setSource({ */ getSource : function(){ return this.propStore.getSource(); + }, + +
/** + * Sets the value of a property. + * @param {String} prop The name of the property to set + * @param {Mixed} value The value to test + * @param {Boolean} create (Optional) True to create the property if it doesn't already exist. Defaults to false. + */ + setProperty : function(prop, value, create){ + this.propStore.setValue(prop, value, create); + }, + +
/** + * Removes a property from the grid. + * @param {String} prop The name of the property to remove + */ + removeProperty : function(prop){ + this.propStore.remove(prop); }
/** @@ -388,6 +469,6 @@ grid.setSource({ */ }); Ext.reg("propertygrid", Ext.grid.PropertyGrid); -
- + + \ No newline at end of file