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(
+        '<tpl for=".">',
+        '<div class="search-item">',
+            '<h3><span>{lastPost:date("M j, Y")}<br />by {author}</span>',
+            '<a href="http://extjs.com/forum/showthread.php?t={topicId}&p={postId}" target="_blank">{title}</a></h3>',
+            '<p>{excerpt}</p>',
+        '</div></tpl>'
+    );
+
+    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}});
+});