========================= Sencha Touch Extend tools

Ext.gp.SearchField (extend Ext.Text for open a store search window)

CONFIG OPTIONS: closeBtnText: Text --> Change Search button text (Default is "Close") displayField: Text --> Display field name filterFieldSelectorBtnText: Text --> Change filter fields selector button text (Default is "Search into") filterTextPlaceHolder: Text --> Change search field placeholder (Default is "Search text") listEmptyOnShow: Boolean --> If "false" all store items are visible at search window open listItemTpl: Text --> List item template listFilterFields: Mixed --> Filter fields visible into search window popupResize(width, height) --> Resize popup window (only if it is open) store: store --> Data store used valueField: Text --> Value field name

PUBLIC METHODS: getActiveFilterFieldDescription: Text --> Return the active filter field description getActiveFilterField: Text --> Return the active filter field name setCloseBtnText: Text --> Get the search window close button text getFilterTextPlaceHolder: Text) --> Get the filter field plache holder text in the search window getFieldsSelectorBtnDescr: Text --> It returns the text of the search filter field selector button getFilterText: Text --> Get the filter field text in the search window getValue: Mixed --> Get the current component value isPopupVisible: Boolean --> Return popup window visible state listScrollTo(x:Int,y:Int) --> Scroll windows results list to the specified position setActiveFilterField(value:Text): Set the active filter field name setCloseBtnText(value:Text) --> Set the search window close button text setFilterTextPlaceHolder(value:Text) --> Set the filter field plache holder text in the search window setFilterText(value:Text) --> Set the filter field text in the search window setValue(value:Mixed) --> Set the component value. If the value is present in the store the component displays the "displayField" value. showMsg(msg:Text) --> Show a message (only if the search window is open) startSearch --> Start search into store with filter selected (search text and search field)

PUBLIC EVENTS: closeBtnPressed --> Fire when search window close button is pressed searchBtnPressed --> Fire when search window close button is pressed. listItemSelected(record) --> store item selected popupClosed --> Fire when the search window is closed popupOpened --> Fire when the search window is opened reset --> Fire when the component value is reset to '' (For to have a reset it's necessary tapHold action on the control) valueChanged --> Fire when the component value is changed

Example:

xtype: "gpsearchfield", id: "txt_neword_destdiv", store: store_anagraDestDiv, valueField: 'tb_id', displayField: 'tb_name', listFilterFields: [ {text: 'Id', value: 'tb_id'}, {text: 'Name', value: 'tb_name'}, {text: 'Address', value: 'tb_address'} ], listItemTpl : '{tb_id} {tb_name}', label: "User", closeBtnText:'...', listEmptyOnShow:false, filterFieldSelectorBtnText:'...', filterTextPlaceHolder:'...', listeners: { listItemSelected:function(record){ alert(record.get('FieldName')); }, ,closeBtnPressed:function(){ //If the user want change (or load) the store content before display results he can use this event and after use the "startSearch" function //This event is perferct for change the other fields value in function of the change value of this }, searchBtnPressed:function(filterText){

},
popupClosed:function(){

},
popupOpened:function(){

},
valueChanged:function(){

},
reset:function(){

}

}

Ext.gp.SearchToolBar (extend Ext.ToolBar for display a search toolbar with "Close" and "Search" buttons with a filter text)

CONFIG OPTIONS: closeBtnText: Text --> Change Search button text (Default is "Close") filterTextPlaceHolder: Text --> Change search field placeholder (Default is "Search text")

PUBLIC METHODS: setCloseBtnText: Text --> Get the search window close button text getFilterTextPlaceHolder: Text) --> Get the filter field plache holder text in the search window getFilterText: Text --> Get the filter field text in the search window setCloseBtnText(value:Text) --> Set the search window close button text setFilterTextPlaceHolder(value:Text) --> Set the filter field plache holder text in the search window setFilterText(value:Text) --> Set the filter field text in the search window

PUBLIC EVENTS: closeBtnPressed --> Fire when search window close button is pressed searchBtnPressed --> Fire when search window close button is pressed.

Ext.gp.SearchPanel (extend Ext.Panel for display a search panel)

CONFIG OPTIONS: closeBtnText: Text --> Change Search button text (Default is "Close") displayField: Text --> Display field name filterFieldSelectorBtnText: Text --> Change filter fields selector button text (Default is "Search into") filterTextPlaceHolder: Text --> Change search field placeholder (Default is "Search text") listEmptyOnShow: Boolean --> If "false" all store items are visible at search window open listItemTpl: Text --> List item template listFilterFields: Mixed --> Filter fields visible into search window store: store --> Data store used valueField: Text --> Value field name

PUBLIC METHODS: getActiveFilterFieldDescription: Text --> Return the active filter field description getActiveFilterField: Text --> Return the active filter field name setCloseBtnText: Text --> Get the search window close button text getFilterTextPlaceHolder: Text) --> Get the filter field plache holder text in the search window getFieldsSelectorBtnDescr: Text --> It returns the text of the search filter field selector button getFilterText: Text --> Get the filter field text in the search window getValue: Mixed --> Get the current component value listScrollTo(x:Int,y:Int) --> Scroll windows results list to the specified position setActiveFilterField(value:Text): Set the active filter field name setCloseBtnText(value:Text) --> Set the search window close button text setFilterTextPlaceHolder(value:Text) --> Set the filter field plache holder text in the search window setFilterText(value:Text) --> Set the filter field text in the search window setValue(value:Mixed) --> Set the component value. If the value is present in the store the component displays the "displayField" value. showMsg(msg:Text) --> Show a message (only if the search window is open) startSearch --> Start search into store with filter selected (search text and search field)

PUBLIC EVENTS: closeBtnPressed --> Fire when search window close button is pressed searchBtnPressed --> Fire when search window close button is pressed. listItemSelected(record) --> store item selected valueChanged --> Fire when the component value is changed

Ext.gp.Spinner (extend Ext.Spinner)

CONFIG OPTIONS: format: Text --> Number display format

Example:

xtype: 'gpspinnerfield', id: 'txt_neword_sconto', label: 'Sconto', minValue: 0.00, maxValue: 100.00, incrementValue: 1, value: 0.0, format : '0.00', <-- Format config option scope:this, cycle: true