1. #21
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,137
    Vote Rating
    321
    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


    What you can test with current RowActions is to install an action event handler that would take data from other fields and it would, for example, started mail client. action event handler receives record as one of the arguments so it should be easy.

  2. #22
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,137
    Vote Rating
    321
    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


    Jeff,

    take a look at the demo page now. It looks same as before when it loads but you can turn on grouping form Industry column menu.

    Is that what you need? (Only UI is there at present, clicks do default actions of collapsing/expanding group.)

  3. #23
    Ext User jerrybrown5's Avatar
    Join Date
    Sep 2007
    Location
    Port St Lucie, FL
    Posts
    185
    Vote Rating
    0
    jerrybrown5 is on a distinguished road

      0  

    Thumbs up


    Saki,
    My name is Jerry btw (not Jeff).

    I think you took the module very far. However, to be honest I was disappointed when you said that I couldn't do this or do that. My users needed more buttons and truthfully they don't care about technology methodologies. They need buttons on grouped header rows(perhaps a delete all button), buttons on individual columns on rows (which your first version did), buttons after text on a row (eg more info) and of course grouped add/mod/del buttons (which your second version supports) buttons. Look at html tables on websites. There are buttons everywhere. Why do I have to give this up because I use Ext?

    I am a big fan of the KISS programming approach but I am a bigger fan of end user perspective and complete programmatic UI control. The end user does not care about programming/technology requirements. Buttons are the user's best way to communicate their intent back to the system. They need to be everywhere!

    The biggest argument that you mentioned is that you have a single event handler for all buttons. This could easily be accomplished on my version in fact it was taken off at the end. Also, you mentioned that your version is simpler to the programmer. I'm not sure that is true either since I did not eliminate the feature to have all of the buttons in one row (the simple implementation). I only added the features to place an inline button and custom button handlers.

    From within a text sting output of a custom renderer, this is the how you can now place a button:
    Code:
    rowActions.getInline('open')
    Easy as pie. Since the config actions go into a MixedCollection, you don't even need to reference an array index--but you could if you want.

    You should update my library where you see that you could make something more simple, but lets only add functionality and not take it away. Let's build upon each other to put this button issue behind us once and for all.

    Best regards,
    Jerry Brown

  4. #24
    Ext User jerrybrown5's Avatar
    Join Date
    Sep 2007
    Location
    Port St Lucie, FL
    Posts
    185
    Vote Rating
    0
    jerrybrown5 is on a distinguished road

      0  

    Default


    For comparison purposes..I've enclosed screenshots and the sample implementation of Saki's last version (a single column of multiple buttons) and my enhanced version (it is the one with buttons everywhere). As you can see they are both very good and easy to implement.

    Here is my implementation
    Code:
         var rowActions = new Ext.ux.grid.RowActions({
             header:'Actions'
             ,autoWidth:false
             ,width:20
            ,actions:[{
                name:'open',
                iconCls:'icon-open'
                ,style:'width:15px'
                ,tooltip:'Open'
                ,listeners:{
                    action:function(rowActions2, grid, record, action, row, col, iconCls){
                        alert('You clicked the open button on row '+row);
                    }
                }
            },{
                 iconCls:'icon-wrench'
                ,style:'width:15px'
                ,tooltip:'Configure'
                ,listeners:{
                    action:function(rowActions2, grid, record, action, row, col, iconCls){
                        alert('You clicked the wrench button on row '+row);
                    }
                }
            },{
                iconCls:'icon-user'
                ,tooltip:'User'
                ,style:'width:15px'
                ,listeners:{
                    action:function(rowActions2, grid, record, action, row, col, iconCls){
                        alert('You clicked the user button on row '+row);
                    }
                }
            }]
        });
    
    
    
    
        var grid = new xg.GridPanel({
            plugins:rowActions,
            ...
            columns: [
                rowActions,
                {
                    header: 'test', width: 30, 
                    renderer:function(value, cell, record, row, col, store){
                        var button=rowActions.getInline('open', value, cell, record, row, col, store);                
                        return 'inline button'+button;
                    }
                },
                {id:'company',header: "Company", width: 60, sortable: true, dataIndex: 'company'}
             ...
            ],
    
            view: new Ext.grid.GroupingView({
                delayToggleGroup:true, /*special mode to reduce the flicker when clicking a header button*/
                forceFit:true,
                groupTextTpl:'The wonderful industry of {[values.rs[0].data.industry]}'+ rowActions.getInline('open')
            }),
    
          ...
        });
    });
    And here is Saki's.

    Code:
    Example.Grid = Ext.extend(Ext.grid.GridPanel, {
    
        // {{{
         initComponent:function() {
    
             // Create RowActions Plugin
             this.action = new Ext.ux.grid.RowActions({
                 header:'Actions'
                ,actions:[{
                     iconIndex:'action1'
                    ,qtipIndex:'qtip1'
                    ,iconCls:'icon-open'
                    ,tooltip:'Open'
                },{
                     iconCls:'icon-wrench'
                    ,tooltip:'Configure'
                    ,qtipIndex:'qtip2'
                    ,iconIndex:'action2'
                },{
                     iconIndex:'action3'
                    ,qtipIndex:'qtip3'
                    ,iconCls:'icon-user'
                    ,tooltip:'User'
                    ,style:'background-color:yellow'
                }]
            });
    
            // dummy action event handler - just outputs some arguments to console
            this.action.on({
                action:function(grid, record, action, row, col) {
                    //place if statements on the action here
                    console.info('You have clicked row: ' + row + ', action: ' + action);
                }
            });
    
            // configure the grid
            Ext.apply(this, {
                ...
                ,columns:[
                     {id:'company',header: "Company", width: 40, sortable: true, dataIndex: 'company'}
                    ...
                    ,this.action /*this adds the single A/M/D column*/
                ]
                ,plugins:[this.action]
                ,viewConfig:{forceFit:true}
            }); // eo apply
            
             ...
    
        } 
         ...
        }}}
    
    });
    Attached Images

  5. #25
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,137
    Vote Rating
    321
    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


    Hi Jerry,

    take a look at demo page now. The group actions are fully supported including event handling.
    Attached Images

  6. #26
    Sencha User
    Join Date
    Jul 2007
    Posts
    67
    Vote Rating
    0
    rekam is on a distinguished road

      0  

    Default


    Hi, and thanks for this little piece of code very useful!

    just notice a CSS bug for IE6. The icons appear with a width of 2 pixel... I debugged that by adding a "width: 16px" in the RowActions.css for ux-row-action-item.

    I think "min-width" isn't recognized by IE6

    Well, I'm quite sure this is not the best option, but at least we can see normal icons on this browser.

    Thanks and see ya!
    rekam

  7. #27
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,137
    Vote Rating
    321
    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


    Jerry, sorry for mistake in your name.

  8. #28
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,137
    Vote Rating
    321
    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


    Quote Originally Posted by rekam View Post
    Hi, and thanks for this little piece of code very useful!

    just notice a CSS bug for IE6. The icons appear with a width of 2 pixel... I debugged that by adding a "width: 16px" in the RowActions.css for ux-row-action-item.

    I think "min-width" isn't recognized by IE6

    Well, I'm quite sure this is not the best option, but at least we can see normal icons on this browser.

    Thanks and see ya!
    rekam
    I'll fix it with ie6 specific css.

  9. #29
    Sencha User Gunmen's Avatar
    Join Date
    Jul 2007
    Posts
    305
    Vote Rating
    0
    Gunmen is on a distinguished road

      0  

    Default


    Hi Saki,

    Looks interesting... in IE however... see attachment.
    Attached Images

  10. #30
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,137
    Vote Rating
    321
    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


    Quote Originally Posted by Gunmen View Post
    Hi Saki,

    Looks interesting... in IE however... see attachment.
    This has been fixed in css. See the demo now. (Check also group actions - you need to switch the grid to grouping mode.)

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)

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