Results 1 to 3 of 3

Thread: Using Textarea with Grid.RowEditing plugin

  1. #1
    Sencha User
    Join Date
    May 2011
    Posts
    26
    Answers
    1

    Default Using Textarea with Grid.RowEditing plugin

    The ExtJS RowEditing plugin does not seem to handle textarea inputs unless they are squashed to the height of the row, which renders them unusable.
    Demo here http://jsfiddle.net/8SA34/

    Is there a config fix for this, or an existing plugin?
    Failing that, what's the best approach to create a textarea that spills out of the row on focus?
    • Extend textarea?
    • Extend RowEditing plugin?
    • CSS?

  2. #2
    Touch Premium Member
    Join Date
    Jun 2011
    Posts
    1,101
    Answers
    113

    Default

    Set grow: true in your editors. that causes the textarea to adjust according to value. It has a fixed height which is more than what you get with grow: false (default for textarea) and when you start editing and as you type, it grows (scrollbar appears)

  3. #3
    Sencha User
    Join Date
    May 2011
    Posts
    26
    Answers
    1

    Default

    Thx for the reply Farish but I've tried 'grow:true' and it doesn't fix the issue - check the fiddle for an example.

    The textarea is embedded in the row so when it grows, the row panel grows too and breaks as a result.

    I need a textarea control that spills out of the row panel instead. The CellEditing plugin achieves this by floating a textarea in the right spot, but I'm not certain how to make that happen on focus with the RowEditing plugin.

    Grow functionality would be a nice addition though

Tags for this Thread

Posting Permissions

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