X-Git-Url: https://git.proxmox.com/?p=sencha-touch.git;a=blobdiff_plain;f=src%2Fexamples%2Fkitchensink%2Fapp%2Fview%2FHorizontalDataView.js;fp=src%2Fexamples%2Fkitchensink%2Fapp%2Fview%2FHorizontalDataView.js;h=0548514deb7b30007d6391d9d46bd48adcc16dfa;hp=0000000000000000000000000000000000000000;hb=c4685c8425cee430dd9c3b496a14fcc35c550a62;hpb=004cd4ca241bf3ac99dd703f99b5112b13b618d9

diff --git a/src/examples/kitchensink/app/view/HorizontalDataView.js b/src/examples/kitchensink/app/view/HorizontalDataView.js
new file mode 100644
index 0000000..0548514
--- /dev/null
+++ b/src/examples/kitchensink/app/view/HorizontalDataView.js
@@ -0,0 +1,18 @@
+Ext.define('Kitchensink.view.HorizontalDataView', {
+    extend: 'Ext.Container',
+    requires: ['Kitchensink.model.Speaker'],
+    config: {
+        layout: 'fit',
+        cls: 'ks-basic',
+        items: [{
+            xtype: 'dataview',
+            scrollable: 'horizontal',
+            cls: 'dataview-horizontal',
+            inline: {
+                wrap: false
+            },
+            itemTpl: '<div class="img" style="background-image: url({photo});"></div><div class="name">{first_name}<br/>{last_name}</div>',
+            store: 'Speakers'
+        }]
+    }
+});
\ No newline at end of file