Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: odd behavior with tabs

  1. #1

    Default odd behavior with tabs

    Here's my page;

    http://www.congruencewebdev.com/dev/jquery_table_gui/

    To see the problem click on the tree, Folder One - > movies table. The movie data will appear, with 2 tabs, and the schema content appearing not in the schema tab but outside of the tab.

    What is odd is the content that is assigned to the Schema tab is appearing outside of the tab until the schema tab is clicked, then the content is magically moved into the correct tab. Any ideas about this?

    And while I'm at it does anyone know of some good examples that allow for the dynamic creation of new columns in an existing editor grid?

  2. #2
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364

    Default

    1) Why is the page named "jquery_table_gui" ?
    2) You're not configuring your TabPanel with a height, so ExtJS is ignoring your HTML and resizing it based on the item it knows, which is the grid panel
    3) Please don't post help-related content in the "open discussion"

  3. #3
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364

    Default

    to fix this problem, set deferredRender to false on the tab panel.

  4. #4

    Default thanks, and sorry

    'Why is the page named "jquery_table_gui" ?'

    I've been going back and forth using jquery and extjs, it still uses a little jquery but more of this is now extjs. Hope it didn't offend anyone.... I would imagine whatever I am doing in jquery can be done in extjs but I haven't figured these things out yet.

  5. #5
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364

    Default

    Dude, certainly no offense at all. :P

    I was more curious than anything. Also just want to ensure that you understand the differences, etc.

  6. #6

    Default I really appreciate the help

    Thanks for the help, I'll keep to the help section from now on - right before I ask for one more thing - since I have you attention perhaps you can point me in the right direction.

    As you can see I am not only trying to allow for dynamic interaction with a database, but I also want to allow the user to be able to add columns to the grid.

    I am not asking you so much how to do it rather than point me in the right direction as to where someone else has done what I hope to do? I might be over my head here, to add a column to the grid seems fairly complex (I've seen some comments in the forum and I know it can be done, I just don't know how to do it), not to mention since you can add records then I need to modify the corresponding data store to add new records after a new column has been added.

    While I am sure it can be done do you know what might be a good place to refer to in order to do this kind of thing? The only solution I can come up with is reloading the editor grid every time it is clicked, but even that seems fairly comlex.

    I've said too much already - I guess I am asking that if you know of someone else who has tried to do this ebfore, and if so where I might see their work for some enlightenment.

  7. #7
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364

    Default

    Adding columns to the grid is as simple as using the gridPanel's reconfigure method. See the API for details.


    On a side note, If you're going to use ExtJS, you're giong to need to learn about things like the DataStore and how the GridPanel works. I cover this extensively in my book.

  8. #8

    Default had I known

    I find the API dense and opaque. At times it is useful, other times its over my head, I can't always make the connections. I've tried to figure things out on my own, it's been a struggle to get to this point. I have no doubt that it's easy - for you! Especially if you wrote a book!

    I bought another one (Learning ExtJS by Packt), although I can justify paying for another one IF you think it will break things down well enough that it will make more sense so I can get this done. I have a deadline in less than 2 weeks.

    So is adding a column, as well as modifying the data store covered in your book? I have a vague understanding of how they work (they are covered in Learning ExtJS) but it does not necessarily explain how to modify it, nor modify an editor grid. If I could get my head around the documentation better perhaps I could figure it out, but right now it is just a little beyond my capacity.

    So in your professional opinion - do you think your book will help me? Try to ignore your own biases here....

  9. #9
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364

    Default

    It doesn't cover modifying a grid. But it does go very deep into how and the GridPanel works, for instance, it identifies the supporting components. I honestly think that these fundamentals aid one into understanding how to achieve the customizations they require. Even though we'd all like to, we typically crawl before we can walk. It's easy to hobble code from examples together. However, the instant you need to do something that is not covered by examples, the task gets so much harder.

    Here are some of the figures in that chapter:




  10. #10

    Default have you read Learning ExtJS?

    How do you think it compares to your book? It's worth something, since what I have would not exist were it not for the book.

    For the $27.50 you're charging for the e-book, does this entitle me to the latest version when the book is complete, or do I need to buy it again when it is complete?

    And last but not least have you seen anyone try to do what I am doing? Is it posted somewhere that I can have a look? Examples are always a good place to start.

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •