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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi