Results 1 to 2 of 2

Thread: Customizing GridView - inserting toolbars between grid column headers and grid rows

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Ext User
    Join Date
    Sep 2009
    Posts
    7
    Vote Rating
    0
      0  

    Default Customizing GridView - inserting toolbars between grid column headers and grid rows

    Hi,

    We are trying to create a custom GridView which renders a container in a div inserted between the grids column headers and rows. Our goal is to have 2 toolbars below the column headers.
    In order to achieve this we extended the GroupingView class and overrode the renderUI function. Then we created a div to wrap the container with the toolbars. Exactly like this:

    Code:
    renderUI: function(){
    	Ext.ux.grid.custom.GroupingView.superclass.renderUI.call(this);
    	var el = Ext.get(this.el);
    	var header = Ext.get(el.dom.firstChild);
    	var extraHeader = Ext.DomHelper.insertAfter(header.dom.firstChild, '<div>', true);
    	var extraHeaderContainer = new Ext.Container({
    	    items: this.items,
    	    renderTo: extraHeader
    	});
    }
    This solution works fine on Google Chrome but its not working neither on IE nor FF. The toolbars buttons (right aligned) are sent off screen and the texts (left) posiotioning are a mess - see attached screenshots for more details.
    Given that I have two question:

    1) Any clue on what could be happening with the solution above?
    2) Anyone knows an easiest or simplest way to achieve this?

    Thanks in advance!
    Fbio

    ie-screenshot.png
    ff-screenshot.png
    gc-screenshot.png

  2. #2
    Ext JS Premium Member sumit.madan's Avatar
    Join Date
    May 2009
    Location
    Bangalore, India
    Posts
    121
    Vote Rating
    24
      0  

    Default

    If positioning is not right, then try using other layouts. This post below shows anchor and vbox layouts in toolbars:
    http://www.sencha.com/forum/showthre...950#post451950

Similar Threads

  1. Customizing DD Proxy for grid rows
    By zen in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 15 Mar 2009, 10:00 PM
  2. Replies: 4
    Last Post: 2 Oct 2008, 2:43 PM
  3. customizing the StatusProxy for Grid Rows DD
    By zen in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 20 Aug 2008, 8:49 AM

Posting Permissions

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