Page 2 of 2 FirstFirst 12
Results 11 to 17 of 17

Thread: How to render extjs component in Grid renderer,

  1. #11
    Sencha Premium Member
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,791
    Answers
    585

    Default

    could you please give clue on it .. what could be a issue ?
    I've already given several pointers and suggestions. Without any feedback on those ideas I'm struggling to add anything new.

    There's only so much we can do to help you if you don't provide a Fiddle.

    Attacking performance problems is always much the same: take some measurements then do some tweaking until you understand where the bottlenecks are. Until you do some profiling you aren't really going to understand what's going on.

    You could also do some experiments to find the theoretical limit. Trying rendering the same number of fields outside of a grid, see how long that takes. If the time is comparable (I suspect it will be) then you're not going to be able to break through that floor.

  2. #12

    Default

    see the following fidde link for componentcolumn and deferred render

    componentcolumn:
    https://fiddle.sencha.com/#fiddle/r5a

    deffered render -
    https://fiddle.sencha.com/#fiddle/r56


    deffered render is little fast when comparing with component column..
    please let me know your thoughts on it

  3. #13
    Sencha Premium Member
    Join Date
    Sep 2014
    Posts
    20
    Answers
    2

    Default

    Hello, guys,

    I faced with the same problem. I need to make a grid with multiple components is which cells (see attachment).
    I've tried to use component column and write a custom grid implementation with 'hbox' and 'vbox' layouts. But it looks like that there is no solution of the performance issue in ExtJs4.

    Only one approach I left untried. The thing is, that user still need to click to a cell for editing. It means, that until he clicks a cell, he could see fake controls plain html, styled as inputs. Then we can show him custom CellEditor plugin, which has exactly the same inputs and placed on top of grid.
    Ext CellEditor works like that.

  4. #14
    Sencha Premium Member
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,791
    Answers
    585

    Default

    Quote Originally Posted by senchaui View Post
    deffered render is little fast when comparing with component column..
    please let me know your thoughts on it
    Yes, performance appears better using the deferred render. It's misleading though, if you scroll down the grid immediately after rendering you'll find that most of the injected components aren't there yet. It takes much longer for them to show up using that approach.

    Perhaps having the first few rows populate quickly is more important to you than the total rendering time for all rows. In that case the deferred approach may be what you need.

    You'll need to be careful though. The approach you posted doesn't consider a lot of other factors such as sizing, destruction and component query support.

    I would also suggest using CSS to set the height of the grid rows to match their final height so that the height doesn't change when the components are injected. This will make scrolling less haphazard during component injection.

    I suspect it is possible to adapt component column to batch the injection of the components to get a better initial rendering time but I haven't attempted it myself.

  5. #15

    Default how to create Custom editor field

    could you guide or give example
    how to Create custom editor for grid , component will get invoke on click of cell
    see the attachment for custom editor
    Attached Images Attached Images

  6. #16
    Sencha Premium Member
    Join Date
    Sep 2014
    Posts
    20
    Answers
    2

    Default

    Finally, I used dataview component to render my table. It use plain html inside.

  7. #17
    Sencha Premium Member
    Join Date
    Jan 2016
    Posts
    202
    Answers
    12

    Default

    but if you want use not a simple html and you want use a extjs component?how to?

Page 2 of 2 FirstFirst 12

Similar Threads

  1. ExtJs Grid populating a column through ajax in renderer
    By kannan.devarajan in forum Sencha Architect 3.x: Q&A
    Replies: 1
    Last Post: 2 Apr 2015, 8:01 PM
  2. Replies: 1
    Last Post: 12 Dec 2014, 1:41 PM
  3. Replies: 1
    Last Post: 8 Apr 2014, 10:16 AM
  4. extjs 2.3 grid columns renderer
    By zbeckerman in forum Sencha Ext JS Q&A
    Replies: 1
    Last Post: 30 Mar 2010, 4:17 PM
  5. Grid Renderer to Render Buffered Image
    By MtAiryEd in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 11 Jan 2010, 12:08 PM

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
  •