1. #531
    Ext User
    Join Date
    May 2007
    Posts
    45
    Vote Rating
    0
    pantarhei is on a distinguished road

      0  

    Default selecting fields and text to search

    selecting fields and text to search


    i need to select in grid A containing the search plugin only one search parameter, fill the search field with a value coming from a grid B in a "pop up window" and trigger the search plugin in grid A by script from row doubleclick from grid B.

    hopefully someone can understand what i need. any ideas?

    regards

  2. #532
    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


  3. #533
    Ext User
    Join Date
    May 2007
    Posts
    45
    Vote Rating
    0
    pantarhei is on a distinguished road

      0  

    Default


    thx a lot. i was digging around in the plugin code to find something. but i'm using a kind of very old version. so that field wasn't available. i think an update is needed and recommended.

    btw. great work

  4. #534
    Sencha User
    Join Date
    Nov 2008
    Posts
    138
    Vote Rating
    0
    nar is on a distinguished road

      0  

    Default


    I am sure there is a better way to do this, but this is the first time i've tried to add to an extension.

    The goal was to allow the search bar to be moved off the grid so it could support different layouts.

    In the onRender function of Ext.ux.grid.Search.js I added:

    Code:
      if (tb == undefined) {
       tb = Ext.getCmp(this.newLocation);
      }
    In the grid I do not have a tbar or bbar defined and I define this in my grid as:
    Code:
        plugins:[new Ext.ux.grid.Search({
         iconCls:'icon-zoom',
         minChars:2,
         position:top,
         autoFocus:true,
         newLocation: 'statusBar'
        })],
    Seems to be working fine for me, thoughts?

  5. #535
    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


    Any live demo? Sounds interesting and useful.
    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


  6. #536
    Ext User
    Join Date
    Apr 2008
    Posts
    37
    Vote Rating
    0
    mango is on a distinguished road

      0  

    Default


    Is there anyway to combine the search box with title bar in grid?

    I want to add search box on next to title of the grid, instead of on toolbar.

    I hope my question is clear

    Thanks,
    Sri

  7. #537
    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


    No, the plugin is for top or bottom toolbar.
    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. #538
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996
    Vote Rating
    6
    mjlecomte will become famous soon enough mjlecomte will become famous soon enough

      0  

    Default


    Quote Originally Posted by mango View Post
    Is there anyway to combine the search box with title bar in grid?

    I want to add search box on next to title of the grid, instead of on toolbar.

    I hope my question is clear

    Thanks,
    Sri
    I think Jay Garcia is working on an extension for this, search and ye shall find.

  9. #539
    Sencha User
    Join Date
    Nov 2008
    Posts
    138
    Vote Rating
    0
    nar is on a distinguished road

      0  

    Default


    No demo sorry, pretty easy to implement though for anyone that wants to play =). As for use I have the search box coming up in a bar at the bottom of a panel that controls a number of actions for items in the panel (one of the items being a grid). Just for aesthetics mainly, the way my interface was designed it looks odd to use tbar or bbar.

  10. #540
    Sencha User
    Join Date
    Nov 2008
    Posts
    138
    Vote Rating
    0
    nar is on a distinguished road

      0  

    Default


    Other items that I added that were nice was a id field and a hidden field, this gave me the ability to hide the searchField and the searchButton. This is not as clean as it could be, but I hope it gives ideas to people.

    Code:
    // add menu button
    tb.add({
    id: 'searchButton' + this.id,
    hidden: this.hidden,
    text:this.searchText,
    menu:this.menu,
    iconCls:this.iconCls
    });
    ....
    this.field = new Ext.form.TwinTriggerField({
    id: 'searchField' + this.id,
    hidden: this.hidden,
    width:this.width,
    selectOnFocus:undefined === this.selectOnFocus ? true : this.selectOnFocus,
    trigger1Class:'x-form-clear-trigger',
    trigger2Class:this.minChars ? 'x-hide-display' : 'x-form-search-trigger',
    onTrigger1Click:this.onTriggerClear.createDelegate(this),
    onTrigger2Click:this.minChars ? Ext.emptyFn : this.onTriggerSearch.createDelegate(this),
    minLength:this.minLength
    });
    I have multiple grids in an accordion and save the header of the accordion to create unique values for the buttons.
    Code:
       grid.searchButtonId = 'searchButton' + store.getAt(i).get("accordionHeader");
       grid.searchFieldId = 'searchField' + store.getAt(i).get("accordionHeader");
    Plugins:
    Code:
        plugins:[new Ext.ux.grid.Search({
         iconCls:'icon-zoom',
         minChars:2,
         autoFocus:true,
         id: store.getAt(i).get("accordionHeader"),
         hidden: true,
         newLocation: 'generalStatusBar'
        }), expander],
    On the expand and collapse functions of the accordions parent I add:
    Code:
        'expand': function (p) {
         Ext.getCmp(p.items.get(0).searchButtonId).show();
         Ext.getCmp(p.items.get(0).searchFieldId).show();
        },
        'collapse': function (p) {
         var searchButtonObject = Ext.getCmp(p.items.get(0).searchButtonId)
         if (searchButtonObject != undefined) {
          Ext.getCmp(p.items.get(0).searchButtonId).hide();
          Ext.getCmp(p.items.get(0).searchFieldId).hide();
         }
        }
    Had to add a check of searchButtonObject since the default state of the accordion is collapse, dont need to fire that off at the start.

    Hope this makes since, I had to change alot of code for posting.

    What this has given me is several grids in an accordion layout, if you expand an item in the accordion with a grid the search button and text field are added to generalStatusBar, if you collapse the item the search button and text field are removed.

Thread Participants: 245

  1. franklt69 (5 Posts)
  2. galdaka (2 Posts)
  3. thameema (1 Post)
  4. Dumbledore (3 Posts)
  5. JeffBurr (1 Post)
  6. berend (1 Post)
  7. mystix (1 Post)
  8. salvi (1 Post)
  9. cobnet (1 Post)
  10. dawesi (2 Posts)
  11. mysticav (3 Posts)
  12. mike1993 (3 Posts)
  13. JorisA (1 Post)
  14. cricri (5 Posts)
  15. apaa (1 Post)
  16. mbstroz (5 Posts)
  17. notjoshing (1 Post)
  18. MeDavid (1 Post)
  19. AlxH (1 Post)
  20. pantarhei (5 Posts)
  21. DeeZ (3 Posts)
  22. NBRed5 (2 Posts)
  23. zoq (2 Posts)
  24. ajaxE (4 Posts)
  25. cmendez21 (1 Post)
  26. Ronaldo (1 Post)
  27. mjlecomte (25 Posts)
  28. smokeman (11 Posts)
  29. Nam (4 Posts)
  30. keithnlarsen (2 Posts)
  31. rednix (2 Posts)
  32. expertmo (4 Posts)
  33. cking (1 Post)
  34. jelt (4 Posts)
  35. bcamp1973 (2 Posts)
  36. grgur (2 Posts)
  37. dwt11 (1 Post)
  38. michiel (3 Posts)
  39. Shmoo (3 Posts)
  40. evilized (1 Post)
  41. fangstern (1 Post)
  42. vishalg (3 Posts)
  43. Strati (1 Post)
  44. ArtBuilders (6 Posts)
  45. dax (5 Posts)
  46. thatcoder (7 Posts)
  47. jcar98 (1 Post)
  48. derbbre (3 Posts)
  49. wm003 (1 Post)
  50. garraS (3 Posts)
  51. kenshin (1 Post)
  52. ByteLess (2 Posts)
  53. Lobos (1 Post)
  54. a4 (1 Post)
  55. durlabh (3 Posts)
  56. elDub (1 Post)
  57. rstuven (1 Post)
  58. crpatrick (4 Posts)
  59. zedisdead (1 Post)
  60. vector4711 (1 Post)
  61. oanimashaun (1 Post)
  62. donssmith (3 Posts)
  63. sanjshah (5 Posts)
  64. nielsendev (2 Posts)
  65. Jika (2 Posts)
  66. Cooldream (2 Posts)
  67. iTzAngel (1 Post)
  68. franck34 (2 Posts)
  69. paubach (2 Posts)
  70. stewart (1 Post)
  71. teknaut (4 Posts)
  72. pjesus (2 Posts)
  73. NotChris (5 Posts)
  74. juicymedia (2 Posts)
  75. v496820 (2 Posts)
  76. hazooma (1 Post)
  77. obbakilla (1 Post)
  78. BlueCamel (1 Post)
  79. feodor (1 Post)
  80. w3bbuilder (1 Post)
  81. johnsbrn (1 Post)
  82. razor (1 Post)
  83. seppy (3 Posts)
  84. stefanorg (3 Posts)
  85. jimkan (1 Post)
  86. kenja (2 Posts)
  87. sandy (1 Post)
  88. eri.TsingTao (1 Post)
  89. rainydays (1 Post)
  90. iLiketoGrid (1 Post)
  91. Shaguar (8 Posts)
  92. AMS949 (3 Posts)
  93. moegal (3 Posts)
  94. aleczapka (2 Posts)
  95. Stripeman (6 Posts)
  96. abhaysingh (5 Posts)
  97. mango (1 Post)
  98. NoahK17 (3 Posts)
  99. Remy (1 Post)
  100. medley (11 Posts)
  101. stevchen (1 Post)
  102. abraxxa (28 Posts)
  103. Efex (3 Posts)
  104. Rotomaul (2 Posts)
  105. miihiir (4 Posts)
  106. nebbian (1 Post)
  107. Riri (6 Posts)
  108. catalina (1 Post)
  109. Bing Qiao (1 Post)
  110. juferoto (2 Posts)
  111. bk1 (2 Posts)
  112. sami_user (1 Post)
  113. dmcclean (2 Posts)
  114. Pink.ME (3 Posts)
  115. sebrand (1 Post)
  116. charak (2 Posts)
  117. charleshimmer (16 Posts)
  118. patrosmania (4 Posts)
  119. rosecorp (1 Post)
  120. johrisd (1 Post)
  121. aomadevelopers (1 Post)
  122. nicola_java (1 Post)
  123. BitPoet (1 Post)
  124. OliverT (3 Posts)
  125. randomuser01 (2 Posts)
  126. schone (3 Posts)
  127. perdar (1 Post)
  128. ajain (3 Posts)
  129. getindas (1 Post)
  130. giega (1 Post)
  131. ryanyoungsma (1 Post)
  132. ph0enix (1 Post)
  133. italianboy (1 Post)
  134. LutzAlbers (3 Posts)
  135. Ajish (2 Posts)
  136. christophe67 (1 Post)
  137. jmariani (4 Posts)
  138. wki01 (4 Posts)
  139. wemerson.januario (1 Post)
  140. viciuascuns (4 Posts)
  141. JohnnyWheels (1 Post)
  142. nar (3 Posts)
  143. shab (2 Posts)
  144. mystik (1 Post)
  145. unnamed_dev (1 Post)
  146. ScottLoney (3 Posts)
  147. whodat (4 Posts)
  148. Alex84 (7 Posts)
  149. mjmonserrat (3 Posts)
  150. andy_ghg (2 Posts)
  151. knappy (1 Post)
  152. bareflix (2 Posts)
  153. makiavelli (1 Post)
  154. daniel_82 (1 Post)
  155. peteryjk (2 Posts)
  156. michael.pedrotti (1 Post)
  157. elona (3 Posts)
  158. chinnapandu (1 Post)
  159. jsundquist (6 Posts)
  160. feo (1 Post)
  161. dubito (2 Posts)
  162. Georgioa (1 Post)
  163. SchattenMann (4 Posts)
  164. Relleum (1 Post)
  165. ivan.kristianto (3 Posts)
  166. yeyepot (1 Post)
  167. raydeen (1 Post)
  168. easycodes (4 Posts)
  169. rockinrandall (5 Posts)
  170. redcs (3 Posts)
  171. hatsu1119 (1 Post)
  172. surendra_leo (1 Post)
  173. ssawchenko (11 Posts)
  174. Sigma (3 Posts)
  175. Lmouse (1 Post)
  176. Spongerusher (1 Post)
  177. ValiBOSS (1 Post)
  178. joe123 (3 Posts)
  179. scooter (3 Posts)
  180. harsha_velicheti (1 Post)
  181. ivanleblanc (9 Posts)
  182. m4v0 (3 Posts)
  183. jbusuulwa (1 Post)
  184. seedeg (6 Posts)
  185. Z24_2000 (3 Posts)
  186. markw (2 Posts)
  187. atutus (2 Posts)
  188. luke82 (3 Posts)
  189. rameshkt (2 Posts)
  190. elgalle (2 Posts)
  191. Vepe (2 Posts)
  192. barser (2 Posts)
  193. metra (5 Posts)
  194. hotdesc (4 Posts)
  195. chrislovecnm (1 Post)
  196. King_Aero (1 Post)
  197. idefix (5 Posts)
  198. daiei27 (3 Posts)
  199. LostSoul (2 Posts)
  200. tumbochka (3 Posts)
  201. Dipish (7 Posts)
  202. mcafee (1 Post)
  203. alexpotemkin (1 Post)
  204. ruperty (5 Posts)
  205. Rbn_3d (2 Posts)
  206. rxopt (1 Post)
  207. mayurid (1 Post)
  208. jeroen_syntux (2 Posts)
  209. aminaq (4 Posts)
  210. sosy (3 Posts)
  211. asafm (2 Posts)
  212. extjs1111_user (4 Posts)
  213. scottmartin (2 Posts)
  214. clements (1 Post)
  215. wavedan (3 Posts)
  216. jizhang88 (2 Posts)
  217. Coil (2 Posts)
  218. Samuel.reed (6 Posts)
  219. sense.nda12 (1 Post)
  220. zoja (1 Post)
  221. andyproxis (1 Post)
  222. baldeep_bhatia (1 Post)
  223. stevwinata (1 Post)
  224. Patrick86 (1 Post)
  225. dumpf (3 Posts)
  226. parimala (3 Posts)
  227. vicvolk (4 Posts)
  228. preichow (1 Post)
  229. shaoming (1 Post)
  230. Ixtinkt (7 Posts)
  231. jadiagaurang (1 Post)
  232. Juanyong (1 Post)
  233. venkateshns (1 Post)
  234. panpur (3 Posts)
  235. codeart.ch (2 Posts)
  236. hieu79vn (1 Post)
  237. mvsrekha (2 Posts)
  238. aislan (1 Post)
  239. buhari (1 Post)
  240. extjsquicklearner (1 Post)
  241. shankar8rajah1 (1 Post)
  242. jacinth_1215 (2 Posts)
  243. venkikodakirthi (1 Post)
  244. bwgv (1 Post)
  245. nckenn (1 Post)

Tags for this Thread