1. #911
    Ext JS Premium Member
    Join Date
    Aug 2007
    Location
    Germany
    Posts
    139
    Vote Rating
    1
    Spirit is on a distinguished road

      0  

    Default


    A very small bug in line 478 of rowactions:
    t is globally declared due to missing var declaration.
    change it to:
    PHP Code:
    // handle group action click
    var e.getTarget('.ux-grow-action-item'); 
    I think nearly nowbody will care about this, but in my case it was crashing my application. So i thought i share this, so nobody else will have to hunt for this unexpected behavoir.

  2. #912
    Ext JS Premium Member
    Join Date
    Jul 2010
    Posts
    191
    Vote Rating
    0
    rebeccapeltz is on a distinguished road

      0  

    Default Setting width dynamically on Rowactions column

    Setting width dynamically on Rowactions column


    I need to set the width dynamically - if one of the fields in the store is bigger than a certain size, I need to ajdust the width of the RowActions column to hold it. I'm setting width using the widthIntercept (the constant part of the calculation for overall width). I want to know if there's a way to access the data from the store at the point where I am calculating the width intercept. As you can see in my code below, I am returning a constant value of 100, but I would like to test the width of a field and use that to return my value. Even better would be a way to increase the relative size, but I couldn't find anything to do that.

    Code:
    this.feeSheetAction = new Ext.ux.grid.RowActions({ id: 'feeSheetAction', hideMode: 'visibility', autoWidth:true, widthIntercept: function(){ return 100; }, header: 'Fee Sheet', keepSelection: true, destroy: function() { this.purgeListeners(); }, actions: [ { iconCls: 'icon-add', hideIndex: 'HIDE_FEE_ADD_ICON', tooltip: 'Add a fee sheet' },{ textIndex: 'FEE_SHEET_TEXT' } ], callbacks: { 'icon-add': function(grid, record, action, row, col){ var rowData = grid.getSelectionModel().getSelected().data; var patientId = rowData["PATIENT_ID"]; var encounterId = rowData["ENCNTR_ID"]; var paramStr = String.format('/PERSONID={0} /ENCNTRID={1} /FIRSTTAB=^Orders^',patientId, encounterId); APPLINK(0,"Powerchart.exe",paramStr); //alert('Callback: icon-add', 'You have clicked row: <b>{0}</b>, action: <b>{0}</b>', row, action); } }
    });

  3. #913
    Ext JS Premium Member NoahK17's Avatar
    Join Date
    Apr 2008
    Location
    Atlanta, GA
    Posts
    518
    Vote Rating
    1
    NoahK17 is on a distinguished road

      0  

    Default


    Saki:

    One issue I have with RowActions is if the action object is the last column in a ColumnModel, the tooltip of the actions will go off-screen (to the right) if the tooltip text is too long and the screen size/resolution is too small. I would think the left anchor of the tooltip should move to the left some if there is not enough room on the screen.

    Any easy fix?
    Noah
    Senior Web Developer
    NBA.com

  4. #914
    Sencha User
    Join Date
    Jan 2009
    Location
    Colombia
    Posts
    6
    Vote Rating
    0
    leonardodaza is on a distinguished road

      0  

    Default


    Thanks a lot... very complete your revision.

  5. #915
    Ext JS Premium Member NoahK17's Avatar
    Join Date
    Apr 2008
    Location
    Atlanta, GA
    Posts
    518
    Vote Rating
    1
    NoahK17 is on a distinguished road

      0  

    Default


    Here's what I had to do to fix the tooltip issue with RowActions...

    Code:
    Ext.override(Ext.ToolTip,{
        adjustPosition : function(x, y){
    	    if(this.contstrainPosition){
    	        var ay = this.targetXY[1], h = this.getSize().height;
    	        if(y <= ay && (y+h) >= ay){
    	            y = ay-h-5;
    	        }
    	    }
    	    x = x - 25; // manual adjustment so the rowAction tooltips don't go off the screen!
    	    return {x : x, y: y};
    	}
    });
    Noah
    Senior Web Developer
    NBA.com

  6. #916
    Ext JS Premium Member
    Join Date
    Feb 2011
    Posts
    43
    Vote Rating
    0
    extjs-dev is on a distinguished road

      0  

    Default


    The RowActions Plugin works nicely except the two issues I am facing
    1) When I include the page with the grid in a tab panel, on removal of the tab panel, I get an error" this.config[i].destroy is not a function
    2) I am not able to set the width of the Actions column

  7. #917
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,538
    Vote Rating
    380
    jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future

      0  

    Default


    1. add destroy:Ext.emptyFn to the plugin
    2. The width is fixed on purpose and is calculated based on icon size and count
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid Search Plugin, ExtJS 5 Complex Data Binding using MVVM


  8. #918
    Ext JS Premium Member
    Join Date
    Feb 2011
    Posts
    43
    Vote Rating
    0
    extjs-dev is on a distinguished road

      0  

    Default


    Got rid of the first issue per your suggestion.

    For the second issue, my column header (named "Actions") is cut off because the width of the icon is smaller than the text "Actions".
    Attached pic
    column.jpg

    Any ideas?

  9. #919
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,538
    Vote Rating
    380
    jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future

      0  
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid Search Plugin, ExtJS 5 Complex Data Binding using MVVM


  10. #920
    Sencha User
    Join Date
    Nov 2008
    Posts
    12
    Vote Rating
    0
    quen567 is on a distinguished road

      0  

    Default hideIndex not defined

    hideIndex not defined


    Hi,

    I have a little problem with the hideIndex option. Every time I set it I get an error Message.

    My action:
    Code:
    actions:[
    {
    //iconIndex: 'action1',
    iconCls: 'icon-accept',
    tooltip: 'neuen Termin speichern',
    hideIndex: 'hideAccept'
    },
    My Store:
    Code:
    CoursePlanningStore = Ext.extend(BasicStore,{
    	url:'./courseplanningperiod/selectbyforeignkey',
    	recordDef: Ext.data.Record.create([
    		{name:'uid'},
    		{name:'date'},
    		{name:'starttime'},
    		{name:'endtime'},
    		{name:'subject'},
    		{name:'lecturer'},
    		{name:'room'},
    		{name:'CG_uid'},
    		{name:'hours'},
    		{name:'CPS_uid'},
    		{name:'TAAp_uid'},
    		{name:'CPST_uid'},
    		{name:'status'},
    		{name:'statusRemarks'},
    		{name:'lecturerBilled'},
    		{name:'type'},
    		{name:'appTitle'},
    		{name:'hideAccept', type: 'boolean'}
    	]),
    	remoteSort: true,
    	getByCoursedateGroups_uid: function(CG_uid){
    		this.load({params:{column: 'CoursedateGroups_uid', value: CG_uid, sort:'date', dir:'ASC'}});
    	}
    });
    I use Ext 3.3.1 and the latest Version of your plugin. Downloaded it today.
    With the hideIndex the error Message says hideAccept not defined somewhere in Ext.XTemplate. Line 9656 in debug.

    I followed your example. Everything else works fine.

    I hope you can help ?

    quen

Thread Participants: 227

  1. franklt69 (10 Posts)
  2. Condor (3 Posts)
  3. Enrico (1 Post)
  4. Dumbledore (2 Posts)
  5. mystix (1 Post)
  6. riets003 (2 Posts)
  7. KRavEN (3 Posts)
  8. sfwalter (1 Post)
  9. Taurus (3 Posts)
  10. fshort (5 Posts)
  11. tchitani (2 Posts)
  12. temporary (1 Post)
  13. pantarhei (2 Posts)
  14. Specks (5 Posts)
  15. spotk (1 Post)
  16. cmendez21 (2 Posts)
  17. anjelika (3 Posts)
  18. askar (3 Posts)
  19. 6epcepk (1 Post)
  20. lkasdorf (1 Post)
  21. Gunmen (1 Post)
  22. mjlecomte (7 Posts)
  23. Nam (2 Posts)
  24. rekam (4 Posts)
  25. ZooKeeper (3 Posts)
  26. cking (1 Post)
  27. JEBriggs (1 Post)
  28. Yossi (9 Posts)
  29. border9 (2 Posts)
  30. justinfalk (1 Post)
  31. Spirit (6 Posts)
  32. gounis (1 Post)
  33. .andy (1 Post)
  34. robin30 (2 Posts)
  35. knt (2 Posts)
  36. Shmoo (2 Posts)
  37. Strati (1 Post)
  38. jerrybrown5 (12 Posts)
  39. KevinChristensen (1 Post)
  40. jon (2 Posts)
  41. BigTitus (2 Posts)
  42. elDub (4 Posts)
  43. fgerneth (2 Posts)
  44. elnove (2 Posts)
  45. vendiddy (1 Post)
  46. ray007 (6 Posts)
  47. dizelland (1 Post)
  48. donssmith (1 Post)
  49. horrikhalid (5 Posts)
  50. wasp (1 Post)
  51. cblin (1 Post)
  52. ncx5 (3 Posts)
  53. mask_hot (1 Post)
  54. teddyjas (2 Posts)
  55. Zolcsi (1 Post)
  56. PTG (5 Posts)
  57. yaroslav (2 Posts)
  58. Yoris (3 Posts)
  59. DhakouaniM (1 Post)
  60. lobo-tuerto (12 Posts)
  61. angelflaree (3 Posts)
  62. skhan (3 Posts)
  63. ibaniski (3 Posts)
  64. achebe (1 Post)
  65. svdb (1 Post)
  66. emily (6 Posts)
  67. jezmck (3 Posts)
  68. SAnDAnGE (1 Post)
  69. eliezerreis (4 Posts)
  70. nutflakes (2 Posts)
  71. RoDush (1 Post)
  72. tonig84 (2 Posts)
  73. kpmonroe (1 Post)
  74. KJedi (1 Post)
  75. javaeedeveloper (2 Posts)
  76. razvanioan (3 Posts)
  77. jla (2 Posts)
  78. max52 (1 Post)
  79. seppy (5 Posts)
  80. adz08 (1 Post)
  81. chalu (10 Posts)
  82. sekaijin (2 Posts)
  83. jimkan (1 Post)
  84. joao_candido (3 Posts)
  85. fanta2k (1 Post)
  86. nctag (3 Posts)
  87. yhwh (2 Posts)
  88. zmijanow (3 Posts)
  89. brizardh (3 Posts)
  90. zxyth (6 Posts)
  91. johnstontrav (2 Posts)
  92. dalad (2 Posts)
  93. niaz (4 Posts)
  94. armandoxxx (8 Posts)
  95. nojutsu (3 Posts)
  96. lfelican (2 Posts)
  97. DamienValentine (2 Posts)
  98. NoahK17 (10 Posts)
  99. shay2501 (2 Posts)
  100. sdileep (1 Post)
  101. pokerking400 (19 Posts)
  102. lacco (2 Posts)
  103. medley (8 Posts)
  104. archmisha (3 Posts)
  105. rizjoj (2 Posts)
  106. thephatp (2 Posts)
  107. descheret (1 Post)
  108. macedge (6 Posts)
  109. ttbgwt (2 Posts)
  110. allistar (3 Posts)
  111. emredagli (1 Post)
  112. Nadril (2 Posts)
  113. mbajema (1 Post)
  114. wwwtd (1 Post)
  115. Besessener (6 Posts)
  116. Chrissu (3 Posts)
  117. pavanextjs (6 Posts)
  118. javauser (2 Posts)
  119. AmitOlsys (7 Posts)
  120. afei (1 Post)
  121. kurtis (6 Posts)
  122. DamianHartin (2 Posts)
  123. kimmking (1 Post)
  124. jollyca (2 Posts)
  125. Rothariger (10 Posts)
  126. ThunderZtorm (3 Posts)
  127. Stephan Schrade (1 Post)
  128. groyk (2 Posts)
  129. bwhitehall (2 Posts)
  130. neteor (2 Posts)
  131. saipkjai (1 Post)
  132. randomuser01 (1 Post)
  133. kisjonnk (1 Post)
  134. divad (2 Posts)
  135. fxmisticat (2 Posts)
  136. dasnk (1 Post)
  137. klascano (1 Post)
  138. sarav (1 Post)
  139. ringfas (1 Post)
  140. iBeb (1 Post)
  141. kjleng (1 Post)
  142. resonante (4 Posts)
  143. wki01 (1 Post)
  144. quen567 (2 Posts)
  145. nightwatch (2 Posts)
  146. SunWuKung (2 Posts)
  147. nar (1 Post)
  148. mnc (1 Post)
  149. wgpubs (3 Posts)
  150. Stju (1 Post)
  151. d4rk knight (2 Posts)
  152. igor_vlad (1 Post)
  153. lassaad (1 Post)
  154. Dumas (5 Posts)
  155. s.m.srinivas (2 Posts)
  156. whodat (7 Posts)
  157. Kudzu (1 Post)
  158. nathanblogs (1 Post)
  159. leonardodaza (2 Posts)
  160. The Edge (1 Post)
  161. tahseen.ur.rehman (1 Post)
  162. Andrelmp (2 Posts)
  163. dfa (1 Post)
  164. cybersys (5 Posts)
  165. flylaputa (3 Posts)
  166. Tawez (2 Posts)
  167. Fred Seyffert (2 Posts)
  168. Jangla (7 Posts)
  169. agent29 (1 Post)
  170. vinaykurudi (1 Post)
  171. Jim.Barrows (2 Posts)
  172. PV-Patrick (1 Post)
  173. jakeext (2 Posts)
  174. quicksilver_in (12 Posts)
  175. dewoob (2 Posts)
  176. gelgoogho (1 Post)
  177. andyatmiami (1 Post)
  178. rat (1 Post)
  179. Margusja (6 Posts)
  180. charcalcado (1 Post)
  181. realjax (2 Posts)
  182. kartikayg (4 Posts)
  183. sanantone (1 Post)
  184. iryndin (2 Posts)
  185. Joel (2 Posts)
  186. jsemmanuel (2 Posts)
  187. jeffcirceo (1 Post)
  188. boldt (1 Post)
  189. schoonmoeder (2 Posts)
  190. kr1pton (2 Posts)
  191. 29er (1 Post)
  192. return1.at (1 Post)
  193. extjsnewb (1 Post)
  194. frrogoy (1 Post)
  195. hotdesc (2 Posts)
  196. a.bongardt (1 Post)
  197. King_Aero (1 Post)
  198. daiei27 (3 Posts)
  199. jasmina (3 Posts)
  200. winsent (1 Post)
  201. hsomesun (2 Posts)
  202. max.bertolini (1 Post)
  203. Dmoney (1 Post)
  204. maxazan (1 Post)
  205. cyChop (2 Posts)
  206. pipiet06 (2 Posts)
  207. asafm (2 Posts)
  208. adetogni (4 Posts)
  209. rebeccapeltz (10 Posts)
  210. enoal (3 Posts)
  211. rrpero (3 Posts)
  212. test45 (1 Post)
  213. kevDawg (3 Posts)
  214. anacab (1 Post)
  215. travin (1 Post)
  216. bidibule (1 Post)
  217. JimR (5 Posts)
  218. apurva_mistry (1 Post)
  219. pramodkhare (3 Posts)
  220. dm7777 (1 Post)
  221. extjs-dev (2 Posts)
  222. aveltens (1 Post)
  223. carlosgoias (1 Post)
  224. oeginc (2 Posts)
  225. schusco (3 Posts)
  226. katxeus (1 Post)
  227. ashetti (2 Posts)