X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..6a7e4474cba9d8be4b2ec445e10f1691f7277c50:/examples/form/custom.js diff --git a/examples/form/custom.js b/examples/form/custom.js index f050ce97..0251ee89 100644 --- a/examples/form/custom.js +++ b/examples/form/custom.js @@ -1,68 +1,68 @@ /*! - * Ext JS Library 3.1.1 - * Copyright(c) 2006-2010 Ext JS, LLC + * Ext JS Library 3.2.0 + * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ -Ext.onReady(function(){ - var ds = new Ext.data.Store({ - proxy: new Ext.data.ScriptTagProxy({ - url: 'http://extjs.com/forum/topics-remote.php' - }), - reader: new Ext.data.JsonReader({ - root: 'topics', - totalProperty: 'totalCount', - id: 'post_id' - }, [ - {name: 'postId', mapping: 'post_id'}, - {name: 'title', mapping: 'topic_title'}, - {name: 'topicId', mapping: 'topic_id'}, - {name: 'author', mapping: 'author'}, - {name: 'lastPost', mapping: 'post_time', type: 'date', dateFormat: 'timestamp'}, - {name: 'excerpt', mapping: 'post_text'} - ]), - - baseParams: {limit:20, forumId: 4} - }); - - // Custom rendering Template for the View - var resultTpl = new Ext.XTemplate( - '', - '
', - '

{lastPost:date("M j, Y")}
by {author}
', - '{title}

', - '

{excerpt}

', - '
' - ); - - var panel = new Ext.Panel({ - applyTo: 'search-panel', - title:'Forum Search', - height:300, - autoScroll:true, - - items: new Ext.DataView({ - tpl: resultTpl, - store: ds, - itemSelector: 'div.search-item' - }), - - tbar: [ - 'Search: ', ' ', - new Ext.ux.form.SearchField({ - store: ds, - width:320 - }) - ], - - bbar: new Ext.PagingToolbar({ - store: ds, - pageSize: 20, - displayInfo: true, - displayMsg: 'Topics {0} - {1} of {2}', - emptyMsg: "No topics to display" - }) - }); - - ds.load({params:{start:0, limit:20, forumId: 4}}); -}); +Ext.onReady(function(){ + var ds = new Ext.data.Store({ + proxy: new Ext.data.ScriptTagProxy({ + url: 'http://extjs.com/forum/topics-remote.php' + }), + reader: new Ext.data.JsonReader({ + root: 'topics', + totalProperty: 'totalCount', + id: 'post_id' + }, [ + {name: 'postId', mapping: 'post_id'}, + {name: 'title', mapping: 'topic_title'}, + {name: 'topicId', mapping: 'topic_id'}, + {name: 'author', mapping: 'author'}, + {name: 'lastPost', mapping: 'post_time', type: 'date', dateFormat: 'timestamp'}, + {name: 'excerpt', mapping: 'post_text'} + ]), + + baseParams: {limit:20, forumId: 4} + }); + + // Custom rendering Template for the View + var resultTpl = new Ext.XTemplate( + '', + '
', + '

{lastPost:date("M j, Y")}
by {author}
', + '{title}

', + '

{excerpt}

', + '
' + ); + + var panel = new Ext.Panel({ + applyTo: 'search-panel', + title:'Forum Search', + height:300, + autoScroll:true, + + items: new Ext.DataView({ + tpl: resultTpl, + store: ds, + itemSelector: 'div.search-item' + }), + + tbar: [ + 'Search: ', ' ', + new Ext.ux.form.SearchField({ + store: ds, + width:320 + }) + ], + + bbar: new Ext.PagingToolbar({ + store: ds, + pageSize: 20, + displayInfo: true, + displayMsg: 'Topics {0} - {1} of {2}', + emptyMsg: "No topics to display" + }) + }); + + ds.load({params:{start:0, limit:20, forumId: 4}}); +});