Hybrid View

  1. #1
    Ext User
    Join Date
    Sep 2009
    Posts
    7
    Vote Rating
    0
    fabito is on a distinguished road

      0  

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

    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 grid´s 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 toolbar´s 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!
    Fábio

    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
    sumit.madan has a spectacular aura about sumit.madan has a spectacular aura about

      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

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar