1. #231
    Sencha User netresource's Avatar
    Join Date
    Oct 2011
    Posts
    23
    Vote Rating
    0
    netresource is on a distinguished road

      0  

    Default


    Quote Originally Posted by Nicodemuz View Post
    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!

  2. #232
    Sencha User
    Join Date
    Apr 2012
    Posts
    9
    Vote Rating
    1
    AnujaSonawane is on a distinguished road

      0  

    Default Getting TouchGridPanel to work with Sencha touch 2.0

    Getting TouchGridPanel to work with Sencha touch 2.0


    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

  3. #233
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,525
    Vote Rating
    871
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    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
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #234
    Sencha User
    Join Date
    Feb 2012
    Posts
    26
    Vote Rating
    0
    Syntona is on a distinguished road

      0  

    Default grid scroll in both direction.

    grid scroll in both direction.


    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.

  5. #235
    Sencha User
    Join Date
    May 2012
    Posts
    4
    Vote Rating
    0
    Evelyn is on a distinguished road

      0  

    Default


    Quote Originally Posted by mitchellsimoens View Post
    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

  6. #236
    Sencha User
    Join Date
    Jun 2012
    Posts
    5
    Vote Rating
    0
    redned is on a distinguished road

      0  

    Default


    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?

    Code:
    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%',
              },
          ],
        }
        ],
      }
    });

  7. #237
    Ext JS Premium Member
    Join Date
    Mar 2007
    Posts
    89
    Vote Rating
    3
    amackay11 is on a distinguished road

      0  

    Default MVC example with Touch 2.1 and Sencha CMD.

    MVC example with Touch 2.1 and Sencha CMD.


    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
    Andy

  8. #238
    Ext JS Premium Member
    Join Date
    Mar 2007
    Posts
    89
    Vote Rating
    3
    amackay11 is on a distinguished road

      0  

    Default


    Fixed my problem.

    In a tabpanel items, this will work:

    Code:
    {
       title: 'My grid',
       iconCls: 'action',
       xtype: 'mygrid'
    },
    but this will not.
    Code:
    {
      title: 'My grid',
      iconCls: 'action',
      items: [{
        xtype: 'mygrid'
       }]
    },
    Andy

  9. #239
    Sencha User
    Join Date
    Aug 2013
    Posts
    2
    Vote Rating
    0
    lmendozasv is on a distinguished road

      0  

    Default link to touchgridpanel demo is not working

    link to touchgridpanel demo is not working


    Hi Mr.Simoens,

    I was reviewing its component and it seems interesting, but the demo is no longer available in link.
    could give me an example of the use of its component?