1. #41
    Ext User
    Join Date
    Mar 2008
    Posts
    4
    Vote Rating
    0
    xavierg is on a distinguished road

      0  

    Default Right align..

    Right align..


    question..
    how I can align the locked column to the right of the grid???

    by the way, this is awesome!!!!

  2. #42
    Ext JS Premium Member
    Join Date
    Mar 2008
    Posts
    3
    Vote Rating
    0
    Kevin.Tan is on a distinguished road

      0  

    Default There is a bug when select row.

    There is a bug when select row.


    Sometimes I'll get an error when select row, if I use LockGridPane.
    The reason is the red code, sometimes it return undefined.

    Please help to take a look.
    Thanks,
    Kevin

    processEvent : function(name, e){
    this.fireEvent(name, e);
    var t = e.getTarget();
    var v = this.view;
    var header = v.findHeaderIndex(t);
    if(header !== false){
    this.fireEvent("header" + name, this, header, e);
    }else{
    var row = v.findRowIndex(t);
    var cell = v.findCellIndex(t);
    if(row !== false){
    this.fireEvent("row" + name, this, row, e);
    if(cell !== false){
    this.fireEvent("cell" + name, this, row, cell, e);
    }
    }
    }
    },

  3. #43
    Ext User
    Join Date
    Dec 2007
    Posts
    4
    Vote Rating
    0
    tahlon is on a distinguished road

      0  

    Default


    Quote Originally Posted by Air_Mike View Post
    How can I make it work with GroupHeader plugin. When I use GridPanel with GroupHeader plugin it all works well, but when I use LockingGridPanel headers dissapears...
    Same here :/

  4. #44
    Sencha User
    Join Date
    Apr 2007
    Posts
    70
    Vote Rating
    0
    rarerules is on a distinguished road

      0  

    Default editor grid column locking

    editor grid column locking


    Does this work with editor grids?

    Also has anyone done a performance analysis to see what the implications of using column locking in ext2 are?

  5. #45
    Ext User
    Join Date
    Jan 2008
    Posts
    4
    Vote Rating
    0
    lickui is on a distinguished road

      0  

    Question How can i lock the CheckboxSelectionModel?

    How can i lock the CheckboxSelectionModel?


    Hi,thanks for your best job!

    now,if my ColumnModel's first colum is a CheckboxSelectionModel,how can i lock this CheckboxSelectionModel?

    such as:

    var column = [
    new Ext.grid.CheckboxSelectionModel(),
    {
    id: 'test1',
    header: 'test1',
    dataIndex: 'test1',
    align: 'center',
    sortable:true,
    locked:true
    },
    {
    id: 'test2',
    header: 'test'2,
    dataIndex: 'test2',
    align: 'center',
    sortable:true
    }
    ]

  6. #46
    Sencha User
    Join Date
    Dec 2007
    Posts
    69
    Vote Rating
    0
    cblin is on a distinguished road

      0  

    Default


    Hi,

    I'd like an answer about the unanswered questions of this thread :
    1. is it possible to use the extension in a GridEditorPanel (instead of a GridPanel)
    2. how to lock the checkbox column of the CheckboxSelectionModel
    3. how to make it work with GroupHeader
    4. is there any problem with Grouping

  7. #47
    Sencha User
    Join Date
    Dec 2007
    Posts
    69
    Vote Rating
    0
    cblin is on a distinguished road

      0  

    Default


    Quote Originally Posted by cblin View Post
    1. is it possible to use the extension in a GridEditorPanel (instead of a GridPanel)
    simply add the following into columnLock.js :
    Code:
    Ext.grid.LockingEditorGridPanel = Ext.extend(Ext.grid.EditorGridPanel,{
        getView : function(){
            if(!this.view){
                console.log('LockingGridView instanciation');
                this.view = new Ext.grid.LockingGridView(this.viewConfig);
            }
            return this.view;
        },
        initComponent : function(){
            if(!this.cm) {
                console.log('LockingColumnModel instanciation');
                this.cm = new Ext.grid.LockingColumnModel(this.columns);
                delete this.columns;
            }
            Ext.grid.LockingEditorGridPanel.superclass.initComponent.call(this);
        }
    });
    and do
    Code:
    new Ext.grid.LockingEditorGridPanel({/*usual params of a grideditor*/})

  8. #48
    Sencha User
    Join Date
    Dec 2007
    Posts
    69
    Vote Rating
    0
    cblin is on a distinguished road

      0  

    Default style.width need 'px' in XHTML

    style.width need 'px' in XHTML


    if you have a DOCTYPE in your page
    <!DOCTYPE html PUBLIC
    "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    then this component does not work.

    here is the patch to apply
    Code:
    Index: D:/t3-project/t3-frontend/web/lib/ext.ux/ColumnLock/Ext.ux.ColumnLock.js
    ===================================================================
    --- D:/t3-project/t3-frontend/web/lib/ext.ux/ColumnLock/Ext.ux.ColumnLock.js	(revision 3326)
    +++ D:/t3-project/t3-frontend/web/lib/ext.ux/ColumnLock/Ext.ux.ColumnLock.js	(working copy)
    @@ -17,14 +17,12 @@
     Ext.grid.LockingEditorGridPanel = Ext.extend(Ext.grid.EditorGridPanel,{
         getView : function(){
             if(!this.view){
    -            console.log('LockingGridView instanciation');
                 this.view = new Ext.grid.LockingGridView(this.viewConfig);
             }
             return this.view;
         },
         initComponent : function(){
             if(!this.cm) {
    -            console.log('LockingColumnModel instanciation');
                 this.cm = new Ext.grid.LockingColumnModel(this.columns);
                 delete this.columns;
             }
    @@ -186,29 +184,29 @@
                 ws[i] = this.getColumnWidth(i);
             }
     
    -        this.innerHd.firstChild.firstChild.style.width = tw - lw;
    -		this.mainWrap.dom.style.left = lw;
    -		this.lockedInnerHd.firstChild.firstChild.style.width = lw;
    +        this.innerHd.firstChild.firstChild.style.width = (tw - lw) + 'px';
    +		this.mainWrap.dom.style.left = lw + 'px';
    +		this.lockedInnerHd.firstChild.firstChild.style.width = lw + 'px';
     
             for(var i = 0; i < clen; i++){
                 var hd = this.getHeaderCell(i);
    -            hd.style.width = ws[i];
    +            hd.style.width = ws[i] + 'px';
             }
     
             var ns = this.getRows();
     		var lns = this.getLockedRows();
             for(var i = 0, len = ns.length; i < len; i++){
    -            ns[i].style.width = tw - lw;
    -            ns[i].firstChild.style.width = tw-lw;
    -            lns[i].style.width = lw;
    -            lns[i].firstChild.style.width = lw;
    +            ns[i].style.width = (tw - lw) + 'px';
    +            ns[i].firstChild.style.width = (tw-lw) + 'px';
    +            lns[i].style.width = lw + 'px';
    +            lns[i].firstChild.style.width = lw + 'px';
                 for(var j = 0; j < lclen; j++){
     				var row = lns[i].firstChild.rows[0];
    -                row.childNodes[j].style.width = ws[j];
    +                row.childNodes[j].style.width = ws[j] + 'px';
                 }
                 for(var j = lclen; j < clen; j++){
     				var row = ns[i].firstChild.rows[0];
    -                row.childNodes[j].style.width = ws[j];
    +                row.childNodes[j].style.width = ws[j] + 'px';
                 }
             }
     
    @@ -222,25 +220,25 @@
     		var lw = this.cm.getTotalLockedWidth();
     
             var hd = this.getHeaderCell(col);
    -        hd.style.width = w;
    +        hd.style.width = w + 'px';
     
     		var ns, gw;
     		if(col < lclen) {
     			ns = this.getLockedRows();
     			gw = lw;
    -			this.lockedInnerHd.firstChild.firstChild.style.width = gw;
    -			this.mainWrap.dom.style.left= this.cm.getTotalLockedWidth();
    +			this.lockedInnerHd.firstChild.firstChild.style.width = gw + 'px';
    +			this.mainWrap.dom.style.left= this.cm.getTotalLockedWidth() + 'px';
     		}else {
     			ns = this.getRows();
     			gw = tw - lw;
     			col -= lclen;
    -			this.innerHd.firstChild.firstChild.style.width = gw;
    +			this.innerHd.firstChild.firstChild.style.width = gw + 'px';
     		}
     		
             for(var i = 0, len = ns.length; i < len; i++){
    -            ns[i].style.width = gw;
    -            ns[i].firstChild.style.width = gw;
    -            ns[i].firstChild.rows[0].childNodes[col].style.width = w;
    +            ns[i].style.width = gw + 'px';
    +            ns[i].firstChild.style.width = gw + 'px';
    +            ns[i].firstChild.rows[0].childNodes[col].style.width = w + 'px';
             }
     
             this.onColumnWidthUpdated(col, w, tw);
    @@ -252,7 +250,7 @@
     		var lw = this.cm.getTotalLockedWidth();
     		var lclen = this.cm.getLockedCount();
     
    -        this.innerHd.firstChild.firstChild.style.width = tw;
    +        this.innerHd.firstChild.firstChild.style.width = tw + 'px';
     
             var display = hidden ? 'none' : '';
     
    @@ -263,18 +261,18 @@
     		if(col < lclen) {
     			ns = this.getLockedRows();
     			gw = lw;
    -			this.lockedHd.dom.firstChild.firstChild.style.width = gw;
    -			this.mainWrap.dom.style.left= this.cm.getTotalLockedWidth();
    +			this.lockedHd.dom.firstChild.firstChild.style.width = gw + 'px';
    +			this.mainWrap.dom.style.left= this.cm.getTotalLockedWidth() + 'px';
     		} else {
     			ns = this.getRows();
     			gw = tw - lw;
     			col -= lclen;
    -			this.innerHd.firstChild.firstChild.style.width = gw;
    +			this.innerHd.firstChild.firstChild.style.width = gw + 'px';
     		}
     
             for(var i = 0, len = ns.length; i < len; i++){
    -            ns[i].style.width = gw;
    -            ns[i].firstChild.style.width = gw;
    +            ns[i].style.width = gw + 'px';
    +            ns[i].firstChild.style.width = gw + 'px';
                 ns[i].firstChild.rows[0].childNodes[col].style.display = display;
             }
     
    @@ -290,7 +288,7 @@
     		var lw = this.cm.getTotalLockedWidth();
     		var clen = this.cm.getColumnCount();
     		var lclen = this.cm.getLockedCount();
    -        var tstyle = 'width:'+this.getTotalWidth()+';';
    +        var tstyle = 'width:'+this.getTotalWidth()+'px;';
                     var buf = [], lbuf = [], cb, lcb, c, p = {}, rp = {tstyle: tstyle}, r;
             for(var j = 0, len = rs.length; j < len; j++){
                 r = rs[j]; cb = []; lcb = [];
    @@ -325,18 +323,17 @@
     			
                 rp.alt = alt.join(" ");
                 rp.cells = lcb.join("");
    -			rp.tstyle = 'width:'+lw+';';
    +			rp.tstyle = 'width:'+lw+'px;';
                 lbuf[lbuf.length] =  rt.apply(rp);
     
                 rp.cells = cb.join("");
    -			rp.tstyle = 'width:'+(tw-lw)+';';
    +			rp.tstyle = 'width:'+(tw-lw)+'px;';
                 buf[buf.length] =  rt.apply(rp);
             }
             return [buf.join(""), lbuf.join("")];
         },
     
         renderUI : function(){
    -
             var header = this.renderHeaders();
             var body = this.templates.body.apply({rows:''});
     
    @@ -368,7 +365,7 @@
             this.lockedHd.on("mouseover", this.handleHdOver, this);
             this.lockedHd.on("mouseout", this.handleHdOut, this);
             this.lockedHd.on("mousemove", this.handleHdMove, this);
    -		this.mainWrap.dom.style.left= this.cm.getTotalLockedWidth();
    +		this.mainWrap.dom.style.left = this.cm.getTotalLockedWidth() + 'px';
             this.scroller.on('scroll', this.syncScroll,  this);
             if(g.enableColumnResize !== false){
                 this.splitone = new Ext.grid.GridView.SplitDragZone(g, this.lockedHd.dom);
    @@ -482,8 +479,8 @@
     				cb[cb.length] = ct.apply(p);
     			}
             }
    -        return [ts.header.apply({cells: cb.join(""), tstyle:'width:'+(tw-lw)+';'}),
    -				ts.header.apply({cells: lb.join(""), tstyle:'width:'+(lw)+';'})];
    +        return [ts.header.apply({cells: cb.join(""), tstyle:'width:'+(tw-lw)+'px;'}),
    +				ts.header.apply({cells: lb.join(""), tstyle:'width:'+(lw)+'px;'})];
     	},
     
         updateHeaders : function(){

  9. #49
    Sencha User
    Join Date
    Jan 2008
    Posts
    154
    Vote Rating
    0
    NotChris is on a distinguished road

      0  

    Default


    I incorporated this great add-in about three weeks ago and I am having the following problems in firefox:

    1) The column header sizes cannot be adjusted.
    2) The column headers are off in position from what they should be. The last column header is not visible at all.

    Have these problems been fixed with any of the code updates that have been posted in this thread? I had originally grabbed the zipped file at the beginning of this thread. Both of these work fine in IE.

    Thank you.

  10. #50
    Sencha User
    Join Date
    Jan 2008
    Posts
    154
    Vote Rating
    0
    NotChris is on a distinguished road

      0  

    Default


    Bump.

    Anyone know if the issues I have mentioned have been fixed with any of the code updates in this thread? Thanks.

Thread Participants: 138

  1. galdaka (2 Posts)
  2. Condor (47 Posts)
  3. mapo (1 Post)
  4. seno (1 Post)
  5. rmesser (2 Posts)
  6. mystix (5 Posts)
  7. fangzhouxing (1 Post)
  8. rarerules (6 Posts)
  9. Kalum78 (2 Posts)
  10. Fabyo (2 Posts)
  11. akannu (4 Posts)
  12. badgerd (1 Post)
  13. hanganum (1 Post)
  14. jlhs5 (3 Posts)
  15. zaunaf (1 Post)
  16. mjlecomte (1 Post)
  17. border9 (3 Posts)
  18. matt.hall (1 Post)
  19. justinfalk (1 Post)
  20. Air_Mike (1 Post)
  21. mbalusu (1 Post)
  22. wm003 (2 Posts)
  23. Plater (1 Post)
  24. ssmso (3 Posts)
  25. jitu (1 Post)
  26. durlabh (2 Posts)
  27. crpatrick (2 Posts)
  28. timezz (2 Posts)
  29. jfkelley (2 Posts)
  30. mankz (6 Posts)
  31. xbohdpukc (1 Post)
  32. orangehairedboy (1 Post)
  33. mbahl (2 Posts)
  34. cblin (3 Posts)
  35. vertigoMX (1 Post)
  36. bernd01 (1 Post)
  37. sanjshah (1 Post)
  38. tahlon (1 Post)
  39. nanich (3 Posts)
  40. tonedeaf (1 Post)
  41. gaspard (1 Post)
  42. ghutchens (3 Posts)
  43. wsn24x7 (1 Post)
  44. srikan999 (1 Post)
  45. lesul (2 Posts)
  46. NotChris (3 Posts)
  47. NeonMonk (3 Posts)
  48. surgi (3 Posts)
  49. lickui (2 Posts)
  50. sureshraja.crt (1 Post)
  51. herrjj (1 Post)
  52. minty (2 Posts)
  53. huixjan (2 Posts)
  54. archrajan (1 Post)
  55. milou (1 Post)
  56. bishoco (1 Post)
  57. deltron0 (1 Post)
  58. ravindra.tiwary1 (2 Posts)
  59. slava_k (1 Post)
  60. cjqcjq2008 (1 Post)
  61. srikanthnukala (1 Post)
  62. Kevin.Tan (3 Posts)
  63. xavierg (1 Post)
  64. ygl (1 Post)
  65. varsha.kothari (3 Posts)
  66. tinnt (6 Posts)
  67. sdileep (1 Post)
  68. rule3 (3 Posts)
  69. RobinOuyang (1 Post)
  70. lokiofragnar (1 Post)
  71. imran (1 Post)
  72. sachin_248 (1 Post)
  73. mogen9999 (2 Posts)
  74. faraway (1 Post)
  75. sircyaj (1 Post)
  76. tmaung (1 Post)
  77. wwwtd (1 Post)
  78. jamiro (1 Post)
  79. Frankatron (3 Posts)
  80. peacock (1 Post)
  81. NicoP (2 Posts)
  82. Raz_ (3 Posts)
  83. jchau (6 Posts)
  84. sanjaykanteti (1 Post)
  85. JSRobbie (1 Post)
  86. alvin (1 Post)
  87. Shmitt (1 Post)
  88. Nagiy (4 Posts)
  89. cooluser7 (1 Post)
  90. Angelina (1 Post)
  91. greeeg (2 Posts)
  92. hoanganhinfo (1 Post)
  93. duverma (1 Post)
  94. hawks2001 (1 Post)
  95. LoekieBoy (3 Posts)
  96. Bogdan Juszczak (1 Post)
  97. eversound (1 Post)
  98. priyanka_iknip (1 Post)
  99. xiespirit (1 Post)
  100. mmboy (1 Post)
  101. SMIRZA (1 Post)
  102. fmanrique (2 Posts)
  103. redzedi (1 Post)
  104. sham123456 (1 Post)
  105. digiprosoft (2 Posts)
  106. krmlmnstr (1 Post)
  107. abotero (1 Post)
  108. tomlobato (2 Posts)
  109. sramanna (2 Posts)
  110. kastanis (5 Posts)
  111. pingTeam (1 Post)
  112. cmschick (2 Posts)
  113. liulei (3 Posts)
  114. Xander75 (2 Posts)
  115. hhanna (2 Posts)
  116. hahacow (1 Post)
  117. janapol (1 Post)
  118. roderick.wu (5 Posts)
  119. saadus (1 Post)
  120. yingwuhahaha (2 Posts)
  121. liuzxtest (2 Posts)
  122. hzwei (5 Posts)
  123. azaqero (3 Posts)
  124. PCalvinClark (1 Post)
  125. arifali (1 Post)
  126. navdimri (2 Posts)
  127. dewoob (2 Posts)
  128. avia4us (1 Post)
  129. DirkWei (1 Post)
  130. setzor (1 Post)
  131. ancorgs (2 Posts)
  132. Sergii (1 Post)
  133. Kranthi1981 (1 Post)
  134. Patrick86 (1 Post)
  135. kamal.addicted (1 Post)
  136. chpsrinu (1 Post)
  137. brian.moeskau (2 Posts)
  138. priyapratheep (1 Post)
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