Ext.ux.TouchGridPanel v2.0b1

[netresource]

I had to override the layout, because if I keep it as "fit", the panel will only show the headings without any rows.

hi Nicodemuz,
I got same that
how to fix this problem?
thanks so much!

[AnujaSonawane]

Hi,
I ws using this control with sencha trouch 1.1
But when i upgraded fro sencha 1. to sencha touch 2.0, it was giving errors

Uncaught TypeError: Cannot read property 'length' of undefined


How do we make it sencha touch 2.0 compatible.
Please help

[mitchellsimoens]

Ext.ux.TouchGridPanel only works with Sencha Touch 1. Ext.ux.touch.grid is the Sencha Touch 2 grid: https://github.com/mitchellsimoens/Ext.ux.touch.grid

[Syntona]

Hi there,

I want to scroll my grid in both the direction.
For that in Ext.ux.TouchGridPanel.js file, i have updated scroll: "both",
With this my grid is scrolling, but the header is fixed so only data (rows) are also scrolling.

As a work-around I tried to removed header from docked item and put it as in data-row.
with this I can achieve horizontal scrolling.
But the disadvantage is I lost vertical scrolling. i.e. in vertical scrolling my header is also moving along with data.

Does anybody has any pointers or suggestion?

Thanks in advance.

[Evelyn]

Ext.ux.TouchGridPanel only works with Sencha Touch 1. Ext.ux.touch.grid is the Sencha Touch 2 grid: https://github.com/mitchellsimoens/Ext.ux.touch.grid

I think it would be a good idea to set this more prominent at the first site

[redned]

Hi. I am trying to place a grid inside a panel. This panel is used in a card layout which switches depending on user actions. This panel will be used to display customer information. The page is not showing correctly and a grid layout is not present. It looks more like a list. Also the items from the store are not displaying. Can anyone point me in the right direction, please?

Ext.define('GFD.view.CustDetails', {
  extend: 'Ext.ux.touch.grid.View',
  paths : {
        'Ext.ux.touch.grid': './Ext.ux.touch.grid'
    },
  requires:[
    'Ext.ux.touch.grid.View',
    'Ext.ux.touch.grid.feature.Feature',
    'Ext.ux.touch.grid.feature.Sorter',
    ],
  xtype: 'custdetails',
  id:'custdetailsPanel',
  config: {
    items: [
    {
      xtype: 'spacer',
      height: '50px'
    },
    {
      xtype: 'touchgridpanel',
      title: 'Cust Details',
      id: 'custGrid',
      store: 'CustomerStore',
      columns:[
          {
              header: 'Customer Number', 
              dataIndex: 'cust_no', 
              style: 'padding-left: 1em;',
            width: '40%',
          },
          {
              header: 'Order Date', 
              dataIndex: 'order_date',
              style: 'padding-left: 1em;',
            width: '40%',
          },
          {
              header: 'Telephone.', 
              dataIndex: 'tel_no',
              style: 'padding-left: 1em;',
            width: '40%',
          },
          {
              header: 'Contact', 
              dataIndex: 'contact_name',
              style: 'padding-left: 1em;',
            width: '40%',
          },
      ],
    }
    ],
  }
});

[amackay11]

Hi,
I can get all the examples to work with Sencha Touch 2.1, however if I do a 'sencha generate app ...' and copy the example grid mvc code into the CMD mvc structure, it does not seem to work. The app loads fine without errors however the grid data does not actually show data, just the headers. I checked to make sure the store loads and and made sure the Grid.css gets loaded.

Anyone gotten a CMD generated MVC structure to work with the grid?

Thanks

[amackay11]

Fixed my problem.

In a tabpanel items, this will work:

{
   title: 'My grid',
   iconCls: 'action',
   xtype: 'mygrid'
},

but this will not.

{
  title: 'My grid',
  iconCls: 'action',
  items: [{
    xtype: 'mygrid'
   }]
},