CODEWITHSUNDEEP
extjssencha-touchsencha-touch-2toolbardataview
Harikrishnan
Harikrishnan

Reputation: 9979

How to add toolbar above Ext.dataview.DataView in Sencha touch?

I have a Ext.dataview.DataView How can I add toolbar in this view ? I have tried adding it in config, but not working. My dataview got disappeared . Also tried adding toolbar in initialise(), again my dataview got disappeared. Any alternatives?

Ext.define('Proj.ListItems', {
    extend: 'Ext.dataview.DataView',

    requires : ['Ext.dataview.List'],

    xtype: 'listitms',

    config: {

        xtype: 'dataview',


        id: 'listItemsDataView',

        itemTpl: '<div class="tweetdiv"></div></div>', //
        store:'Item',
        listeners: {

        }


} });

Upvotes: 0

Views: 2351

Answers (1)

cclerv
cclerv

Reputation: 2969

Your code structure seems wrong specifically inside you config block. Perhaps you wanted to have dataview as an item....as in:

...
config: {
    items: [
        {
            xtype: 'dataview',
            id: 'listItemsDataView',
            itemTpl: '<div class="tweetdiv"></div></div>', //
            store:'Item',
            listeners: {

            }
        },
        ...
    ],
    ...
},
...

I don't know you can ignore if thats not the case. Anyways, are you attempting to do something like this: Demo.

Edit:

This code also worked for me:

Ext.define('MyApp.view.MyDataView', {
    extend: 'Ext.dataview.DataView',
    alias: 'widget.listitms',

    config: {
        id: 'listItemDataView',
        data: [
            {
                string: 'car'
            },
            {
                string: 'bike'
            },
            {
                string: 'van'
            }
        ],
        itemTpl: [
            '<div>Data View Item {string}</div>'
        ],
        items: [
            {
                xtype: 'toolbar',
                docked: 'top',
                title: 'I\'m A Toolbar'
            }
        ]
    }

});

Upvotes: 3

Related Questions