import Sencha Touch 2.4.2 source

[sencha-touch.git] / src / examples / kitchensink / app / view / HorizontalDataView.js

diff --git a/src/examples/kitchensink/app/view/HorizontalDataView.js b/src/examples/kitchensink/app/view/HorizontalDataView.js
new file mode 100644 (file)
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