X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..2e847cf21b8ab9d15fa167b315ca5b2fa92638fc:/examples/form/custom-access.js?ds=sidebyside diff --git a/examples/form/custom-access.js b/examples/form/custom-access.js new file mode 100644 index 00000000..55725228 --- /dev/null +++ b/examples/form/custom-access.js @@ -0,0 +1,68 @@ +/*! + * Ext JS Library 3.1.1 + * Copyright(c) 2006-2010 Ext JS, LLC + * 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:500, + autoScroll:true, + + items: new Ext.DataView({ + tpl: resultTpl, + store: ds, + itemSelector: 'div.search-item' + }), + + tbar: [ + 'Search: ', ' ', + new Ext.ux.form.SearchField({ + store: ds, + width:520 + }) + ], + + 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}}); +});