1. #941
    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


    RowActions are built into 4.0. Look up the xtype "ActionColumn".

    Here's the API URL: http://docs.sencha.com/ext-js/4-0/#/....column.Action
    Noah
    Senior Web Developer
    NBA.com

  2. #942
    Sencha User
    Join Date
    Aug 2011
    Posts
    18
    Vote Rating
    0
    oeginc is on a distinguished road

      0  

    Default


    Wow, very cool... I suppose I should have looked into the docs more before posting such a silly question.

  3. #943
    Sencha User
    Join Date
    Nov 2009
    Posts
    11
    Vote Rating
    0
    boldt is on a distinguished road

      0  

    Default lost tooltips after upgrade to 3.3.2

    lost tooltips after upgrade to 3.3.2


    Hi,

    We have upgraded extjs from 3.3.0 to 3.3.2 and in that process we lost the tooltips that were shown when the mouse pointer hovered over the icons using for row actions.

    The tooltip does never get shown, but markup is the same.

    I'm unsure what mechanics actually displays the tooltip, so could any one suggest a way to start debugging the problem.

    Best Regards
    Niels

  4. #944
    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

      1  

    Default


    Quote Originally Posted by boldt View Post
    Hi,

    We have upgraded extjs from 3.3.0 to 3.3.2 and in that process we lost the tooltips that were shown when the mouse pointer hovered over the icons using for row actions.

    The tooltip does never get shown, but markup is the same.

    I'm unsure what mechanics actually displays the tooltip, so could any one suggest a way to start debugging the problem.

    Best Regards
    Niels
    Open up your Ext.ux.RowActions.js file and find the tplGroup/tplRow definition section and change it to this:

    Code:
        tplGroup:
             '<tpl for="actions">'
            +'<div class="ux-grow-action-item<tpl if="\'right\'===align"> ux-action-right</tpl> '
            +'{cls}" style="{style}" ext:qtip="{qtip}">{text}</div>'
            +'</tpl>'
    
        ,tplRow:
             '<div class="ux-row-action">'
            +'<tpl for="actions">'
            +'<div class="ux-row-action-item {cls} <tpl if="text">'
            +'ux-row-action-text</tpl>" style="{hide}{style}" ext:qtip="{qtip}">'
            +'<tpl if="text"><span ext:qtip="{qtip}">{text}</span></tpl></div>'
            +'</tpl>'
            +'</div>'
    Note the change of qtip to ext:qtip.
    Noah
    Senior Web Developer
    NBA.com

  5. #945
    Sencha User
    Join Date
    Sep 2011
    Posts
    5
    Vote Rating
    0
    schusco is on a distinguished road

      0  

    Question


    Can you provide some sample code on how you would bind the icon in the column to the data?

  6. #946
    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


    Quote Originally Posted by schusco View Post
    Can you provide some sample code on how you would bind the icon in the column to the data?
    Do you mean how to show specific icons based on the data contained elsewhere on the row?
    Noah
    Senior Web Developer
    NBA.com

  7. #947
    Sencha User
    Join Date
    Sep 2011
    Posts
    5
    Vote Rating
    0
    schusco is on a distinguished road

      0  

    Default


    More or less. I'm not actually displaying the true or false value in the row, i just want to display a one icon if the field is true, and another if false instead of the field saying true or false.

  8. #948
    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


    Quote Originally Posted by schusco View Post
    More or less. I'm not actually displaying the true or false value in the row, i just want to display a one icon if the field is true, and another if false instead of the field saying true or false.
    The attribute you're looking for is called "hideIndex".

    What you can do is when you send back the JSON array which is populating your grid rows, you'll have something called "abc: true" or "abc: false" (where abc can be anything), depending on whether you want to show or hide the RowAction icon. With me so far? Then, you'll take abc variable and map it to the "hideIndex" attribute for the icon you want to show or hide, so it'd look like... hideIndex: abc (abc being either true or false).

    Does that make sense? I can whip up an example if truly necessary, but that's the jist of how to show or hide specific icons.
    Noah
    Senior Web Developer
    NBA.com

  9. #949
    Sencha User
    Join Date
    Sep 2011
    Posts
    5
    Vote Rating
    0
    schusco is on a distinguished road

      0  

    Default


    so if i'm understanding you, I would then need two items in my action column definition, one with each icon. And then show or hide them based on the value using the hideIndex? An example would help if it's not too much trouble.

  10. #950
    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


    Quote Originally Posted by schusco View Post
    so if i'm understanding you, I would then need two items in my action column definition, one with each icon. And then show or hide them based on the value using the hideIndex? An example would help if it's not too much trouble.
    That's exactly what you'd be doing.

    Code:
    var store = new Ext.data.JsonStore({
    	root: 'data',
    	totalProperty: 'totalCount',
    	idProperty: 'id',
    	remoteSort: true,
    	
    	fields: [
    		'id',
    		'hidePdf',
    		'hideEmail',
    		'hidePrint'
    	]
    	// more code
    });
    
    var action = new Ext.ux.grid.RowActions({
    	header:'Export',
    	width: 120,
    	sortable: false,
    	actions:[
    	    {
                        iconCls:'icon-pdf',
                        tooltip:'Download PDF',
                        hideIndex: hidePdf
    	    },
    	    {
                        iconCls:'icon-email-go',
                        tooltip:'Email to Me',
                        hideIndex: hideEmail
    	    },
    	    {
                        iconCls:'icon-print',
                        tooltip:'Printable View',
                        hideIndex: hidePrint
    	    }
    	],
    			
    	callbacks:{
    		/* DOWNLOAD PDF ITEM */
                	'icon-pdf':function(grid, record, action, row, col) {
    			// code
    		},
    				
    		/* EMAIL TO ME */
                	'icon-email-go':function(grid, record, action, row, col) {
    			//code
    		},	
    				
    		/* PRINTABLE VIEW */
    		'icon-print':function(grid, record, action, row, col) {
    			// code
    		}
    	} // end callbacks
    });
    Your JSON store (generated from the server) would then contain the values for hidePdf, hideEmail, and hidePrint as either "true" or "false".

    Got it?
    Noah
    Senior Web Developer
    NBA.com

Thread Participants: 226

  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)