1. #891
    Ext JS Premium Member
    Join Date
    Apr 2010
    Location
    Midwest, USA
    Posts
    96
    Vote Rating
    2
    Reimius is on a distinguished road

      0  

    Default


    Shobhit Rastogi,

    This is an easy fix for you, but may not be the desired functionality for others, here's how to do what you want by adding this line of code which will stop the datefilter date picker from closing when clicked:
    Code:
    hideOnClick: false
    to the init function in the javascript file DateFilter.js in the examples/ux/gridfilters/filter

    The updated init function should look like (maybe not exactly if I have an old version of grid filters):
    Code:
    init : function (config) {
            var menuCfg, i, len, item, cfg, Cls;
    
            menuCfg = Ext.apply(this.pickerOpts, {
                minDate: this.minDate, 
                maxDate: this.maxDate, 
                format:  this.dateFormat,
                listeners: {
                    scope: this,
                    select: this.onMenuSelect
                }
            });
    
            this.fields = {};
            for (i = 0, len = this.menuItems.length; i < len; i++) {
                item = this.menuItems[i];
                if (item !== '-') {
                    cfg = {
                        itemId: 'range-' + item,
                        text: this[item + 'Text'],
                        menu: new Ext.menu.DateMenu(
                            Ext.apply(menuCfg, {
                                itemId: item,
    							hideOnClick: false
                            })
                        ),
                        listeners: {
                            scope: this,
                            checkchange: this.onCheckChange
                        }
                    };
                    Cls = Ext.menu.CheckItem;
                    item = this.fields[item] = new Cls(cfg);
                }
                //this.add(item);
                this.menu.add(item);
            }
        },

  2. #892
    Sencha User
    Join Date
    Jun 2009
    Posts
    4
    Vote Rating
    0
    a.ti is on a distinguished road

      0  

    Default How to change filter config ?

    How to change filter config ?


    Hi friends,

    im am new to Ext. and in my first Grid i try to use this Grid Filter Plugin.

    I have spend now days for finding out how to change/redefine/reconfig the config.

    The reason why im trying to do this is that my ColumnModel is changing by selecting an Entry in a
    ComboBox. That means ColumnModel and Store are dynamic. And after/before (tryed both)
    doing a reconfig on the Grid, i try to (re)set the Filter new .. adapted to the new column model..

    the are some line of my Code :

    var newFilters = new Array();


    //....for instance..
    newFilters[0] = new Object();
    newFilters[0]["type"] = 'string';
    newFilters[0]["dataIndex"] = 'newCol1';

    newFilters[1] = new Object();
    newFilters[1]["type"] = 'string';
    newFilters[1]["dataIndex"] = 'newCol2';

    var changedFilters = new Ext.ux.grid.GridFilters({filters:newFilters});

    grid.plugins.filters.addAll(changedFilters.filters.items);

    grid.reconfigure( newStore, newColMod );


    The Effect is that the new Columns are all equiped with the Filter Option but as sson as i try to
    enter a Value in on of the Filters ..

    I get an error called .. "this.grid is Null or not an Object"

    What is wrong with my Coding ? Can someone help ? I would really appreciate it ..

    Many thanks in advance for your Help Guys !! You all here are GREAT and EXT is a damn Good lib !!

    Regards,

    a.ti

  3. #893
    Sencha User tdikarim's Avatar
    Join Date
    Jun 2007
    Location
    Belgium - Brussel
    Posts
    142
    Vote Rating
    0
    tdikarim is an unknown quantity at this point

      0  

    Default


    Quote Originally Posted by pramodkhare View Post
    Hi friends,
    I am using Grid-Filter plugin, But my requirement is, i should be able to do AND ing OR ing of search/filter results, But i dont think and i have tried it also ... that this plugin provides this facility to have AND ing /OR ing of results...


    What i mean is,:-

    e.g there is grid and i am searching over a column, and i want to search for two values...i.e OR /AND ing

    e.g. My filter text input will be like "xyz OR abd".

    So it should be give me results where xyz or abd is present in that column value,
    Currently it will not give any results for this type of search ...yes i know filter is not a full search.

    But still it can improve the functionality in case of large grid-data.

    If anyone can please help me it would be very nice.
    Thank you.

    Hi,
    Do you have a way for do that. I am also interesting by this requirement ...

    This plugin is so great
    Thanks a lot
    Tamditi Karim

  4. #894
    Sencha User tdikarim's Avatar
    Join Date
    Jun 2007
    Location
    Belgium - Brussel
    Posts
    142
    Vote Rating
    0
    tdikarim is an unknown quantity at this point

      0  

    Default


    Hi All,

    Ext 3.3.1
    After I reconfigure the grid the filter as been cleared. How can I preserve them or save it for re-apply it after reconfigure.

    Thanks for your help
    Tamditi Karim

  5. #895
    Sencha User
    Join Date
    Apr 2011
    Posts
    2
    Vote Rating
    0
    hachie is on a distinguished road

      0  

    Default Problem with GridFilter in window

    Problem with GridFilter in window


    I have a Grid with GridFilter in a modal window and when I show for the first times the grid it's work all fine.
    If I close the window and after I reopen it the GridFilter in the grid doesn't appears. Why?

  6. #896
    Sencha User
    Join Date
    Jun 2009
    Posts
    4
    Vote Rating
    0
    a.ti is on a distinguished road

      0  

    Default Filter Plugin usage after a reconfig of ColumnMode, DataStore and Filter Config..?

    Filter Plugin usage after a reconfig of ColumnMode, DataStore and Filter Config..?


    Hey Guys,

    does really no one knows how to handle a reconfig with changing the Filter Plugin configs.

    I have tried several Options without success .. only wasting time with it :-(..

    Can Someone help please ?

    regards

    A.ti

  7. #897
    Sencha User
    Join Date
    Apr 2011
    Posts
    4
    Vote Rating
    0
    budaxlingga is on a distinguished road

      0  

    Default


    Hai all, i'm a newbie in programming. i just try some code from example given in internet.
    I try to use grid filter plugin in my project, it worked until i type something to filter field, then nothing happen. i check the "filter" in firebug, and it contain nothing (filter:""). what happen?

    what's wrong with my code?
    this is my code
    sorry for my bed english..

    Code:
    var phonebookStore = new Ext.data.DirectStore({
        storeId: 'phonebook-store',
        api: {
            read: Example.Phonebook.getall
        },
    	
    	
        paramsAsHash: true,
    	 paramOrder:['start','limit','sort','dir','filter'],
    	 baseParams:{ sort:'NAMA',dir:'ASC',filter:''},
    	reader: new Ext.data.JsonReader({
    		fields: ['NO','NIK','NAMA','PHONE_NUMBER','NAMA_GROUP','LOKER','ID_LEVEL','STATUS_USERS','EMAIL','ALAMAT','KOTA','ZIP','PROVINSI','PHONE_OFFICE','PRIORITAS'],
    		root: 'data',
    		idProperty:'NIK',
    		totalProperty:'numrows',
    		autoSave:false
    	})
    	
    });
    
    var filters=new Ext.ux.grid.GridFilters({
    	encode:true,
    	local:false,
    	filters:[{
    		type		: 'string',
    		dataIndex	: 'NIK'
    		},{
    		type		: 'string',
    		dataIndex	: 'NAMA'
    		},{
    		type		: 'string',
    		dataIndex	: 'PHONE_NUMBER'
    		},{
    		type		: 'string',
    		dataIndex	: 'LOKER'
    	}]
    })
     Ext.QuickTips.init();
    
    var tpl=new
    	Ext.XTemplate('	<div><b>Phone Office:</b>&nbsp;{PHONE_OFFICE}</div>',
    					'<div><b>Email:</b>&nbsp;{EMAIL}</div>',
    					'<div><b>Alamat:</b>&nbsp;{ALAMAT}</div>',
    					'<div><b>Kota:</b>&nbsp;{KOTA}</div>',
    					'<div><b>Provinsi:</b>&nbsp;{PROVINSI}</div>'
    					);
    
    var renderCell=function(val,cell,record){
    	var qtip=this.tpl.apply(record.data);
    	return '<div qtip="' + qtip + '">' + val + '</div>';
    }
    
    panel1 = new Ext.grid.GridPanel({
    	title:'Phonebook',
    	layout:'fit',
    	loadMask: true,
    	plugins:[filters],
    	sm:new Ext.grid.RowSelectionModel({
    	singleSelect:true,	
    	listeners:{	
    		rowselect:function(sm,index,record){
    		varNik=record.get('NIK');
    		varRecord=record;
    		}
    	}
    	}),
    	tbar:[
    		{
    			id:'add-button',
    			iconCls:'addicon',
    			text:'New',
    			handler:function(){addUserWindow.show();
    			groupDest.removeAll();
    					}
    		},
    		'-'
    		,
    		{
    		text:'Delete',
    		iconCls:'deleteicon',
    		id:'delete-button',
    		handler:function(){
    		if (varNik!=""){
    		Example.Phonebook.hapus(varNik,function(result){
    		if (result){
    		Ext.Msg.alert("Delete User","Delete User Berhasil");}
    		});
    		phonebookStore.reload();
    		} else{
    		Ext.Msg.alert('Invalid','Please select a row first!');
    		}
    		}
    		
    		}		
    	],	
    	bbar: new Ext.PagingToolbar({
    		store		: phonebookStore,
    		displayInfo	: true,
    		pageSize	: 100,
    		plugins		: [filters],
    		prependButtons: true,
    		displayMsg:'Displaying phonebook {0} - {1} of {2}'
    	}),
    	store:phonebookStore,
    	columns:[
    	{
    		header   :'No', 
    		width    : 35, 
    		sortable : true,
    		renderer : this.renderCell.createDelegate(this),
    		dataIndex: 'NO'
    	},
    	{
    		id       :'nik',
    		header   :'Nik', 
    		width    : 75, 
    		sortable : true, 
    		renderer : this.renderCell.createDelegate(this),
    		filterable:true,
    		dataIndex: 'NIK'
    	},
    	{
    		header   :'Nama', 
    		width    : 175, 
    		sortable : true, 
    		renderer : this.renderCell.createDelegate(this),
    		filterable:true,
    		dataIndex: 'NAMA'
    	},
    	{
    		header   :'No Hp', 
    		width    : 100, 
    		sortable : true, 
    		renderer : this.renderCell.createDelegate(this),
    		filterable:true,
    		dataIndex: 'PHONE_NUMBER'
    	},
    	{
    		header   :'Groups', 
    		width    : 275, 
    		sortable : true, 
    		renderer : this.renderCell.createDelegate(this),
    		filter	:{type: 'string', disable:true},
    		dataIndex: 'NAMA_GROUP'
    	},
    	{
    		header   :'Loker', 
    		width    : 175, 
    		sortable : true, 
    		renderer : this.renderCell.createDelegate(this),
    		filterable:true,
    		dataIndex: 'LOKER'
    	},
    	{
    		header   :'Level User', 
    		width    : 100, 
    		sortable : true, 
    		renderer : this.renderCell.createDelegate(this),
    		dataIndex: 'ID_LEVEL'
    	},
    	{
    		header   :'Status', 
    		width    : 70, 
    		sortable : true, 
    		renderer : this.renderCell.createDelegate(this),
    		dataIndex: 'STATUS_USERS'
    	}]
    });

  8. #898
    Sencha User
    Join Date
    Apr 2011
    Posts
    4
    Vote Rating
    0
    budaxlingga is on a distinguished road

      0  

    Default


    i have another problem now, why my filter always late in send the parameter. It send the previous parameter, not recent parameter.

  9. #899
    Sencha User
    Join Date
    Jun 2010
    Posts
    49
    Vote Rating
    0
    luisoswaldo is on a distinguished road

      0  

    Default


    I have a problem with icons

    The problem is that the icons out mounted above each other in the case of numeric fields. And the image of the text fields (find image) only appears in firefox and not in other browsers.

    I leave you a screenshot of the problem

    filter.JPG

    So I add the style sheets. It is necessary to do something else?

    Code:
    <style type="text/css" title="currentStyle" media="screen">
            @import "lib/extjs/resources/css/ext-all.css";
            @import "lib/extjs/plugins/GridFilter/resources/style.css";
    
            .x-grid3-hd-row td.ux-filtered-column {   
            font-style: italic;  
            font-weight: bold;
        }        
        </style>
    
    //In onReady
    
    Ext.onReady(function(){
        
        Ext.QuickTips.init();
        
        Ext.ux.menu.RangeMenu.prototype.icons = {
              gt: 'lib/extjs/plugins/GridFilter/resources/greater_then.png', 
              lt: 'lib/extjs/plugins/GridFilter/resources/less_then.png',
              eq: 'lib/extjs/plugins/GridFilter/resources/equals.png'
        };
        Ext.ux.grid.filter.StringFilter.prototype.icon = 'img/find.png';
    Appreciate any help I can offer.

  10. #900
    Sencha User
    Join Date
    Jun 2010
    Posts
    49
    Vote Rating
    0
    luisoswaldo is on a distinguished road

      0  

    Default


    In firebug when you select the icon shows the following code, which is strange I do not put the url to the image name. Screenshot attached.


Thread Participants: 312

  1. jack.slocum (1 Post)
  2. JeffHowden (8 Posts)
  3. VinylFox (1 Post)
  4. ericwaldheim (1 Post)
  5. franklt69 (2 Posts)
  6. galdaka (5 Posts)
  7. jay@moduscreate.com (1 Post)
  8. ejetorix (1 Post)
  9. Wolfgang (1 Post)
  10. alien3d (1 Post)
  11. tobi (1 Post)
  12. HarryC (1 Post)
  13. vmorale4 (3 Posts)
  14. gmoney (1 Post)
  15. ReyBango (1 Post)
  16. mystix (5 Posts)
  17. fangzhouxing (1 Post)
  18. cobnet (7 Posts)
  19. mike1993 (1 Post)
  20. JorisA (9 Posts)
  21. krdavis (1 Post)
  22. tarnawska (3 Posts)
  23. simonellistonball (1 Post)
  24. Foggy (1 Post)
  25. Illiarian (3 Posts)
  26. cocorossello (4 Posts)
  27. rlieving (2 Posts)
  28. violinista (1 Post)
  29. Fabyo (1 Post)
  30. efiebba (2 Posts)
  31. notjoshing (5 Posts)
  32. akannu (2 Posts)
  33. Troy Wolf (7 Posts)
  34. AlxH (8 Posts)
  35. pantarhei (1 Post)
  36. tobiu (5 Posts)
  37. kesteb (5 Posts)
  38. ajaxE (11 Posts)
  39. robasi (2 Posts)
  40. dandfra (1 Post)
  41. ethan (1 Post)
  42. krycek (1 Post)
  43. ronnin (1 Post)
  44. Twain (2 Posts)
  45. Phunky (2 Posts)
  46. ostghost (2 Posts)
  47. tdikarim (2 Posts)
  48. chernomorez (6 Posts)
  49. 6epcepk (6 Posts)
  50. marceloprietos (1 Post)
  51. mjlecomte (55 Posts)
  52. andrei.neculau (2 Posts)
  53. catof (3 Posts)
  54. rednix (1 Post)
  55. george.antoniadis (1 Post)
  56. MatjazH (1 Post)
  57. Zyclops (5 Posts)
  58. gfernandez (2 Posts)
  59. boyjunqiang (2 Posts)
  60. hendricd (106 Posts)
  61. jelt (5 Posts)
  62. nonamebrand (1 Post)
  63. sidaliextjs (1 Post)
  64. watrboy00 (2 Posts)
  65. hermeslm (1 Post)
  66. pic_Nick (3 Posts)
  67. cherbert (1 Post)
  68. elrems (1 Post)
  69. Clever Cutter (4 Posts)
  70. kfuglsang (1 Post)
  71. aresot (1 Post)
  72. stradej (1 Post)
  73. Shmoo (4 Posts)
  74. evilized (1 Post)
  75. reaper.br (9 Posts)
  76. froamer (3 Posts)
  77. GraemeBryce (2 Posts)
  78. osamaao (1 Post)
  79. burned (1 Post)
  80. hb562100 (1 Post)
  81. lyardson (1 Post)
  82. lupin85.luca (5 Posts)
  83. thatcoder (4 Posts)
  84. bhomass (1 Post)
  85. jojo_i (3 Posts)
  86. wm003 (10 Posts)
  87. debutant (2 Posts)
  88. peio72 (4 Posts)
  89. b0c1 (1 Post)
  90. highmemory (1 Post)
  91. nedkopenev (1 Post)
  92. durlabh (1 Post)
  93. deependhulla (1 Post)
  94. elDub (2 Posts)
  95. fendrikat (1 Post)
  96. olive38 (5 Posts)
  97. Morris (1 Post)
  98. nnextjs (1 Post)
  99. smartlit (1 Post)
  100. paliwalg (2 Posts)
  101. maureend (1 Post)
  102. crxtech (4 Posts)
  103. alexi (1 Post)
  104. Sesshomurai (4 Posts)
  105. oldroy (1 Post)
  106. sjerry (1 Post)
  107. KGL (2 Posts)
  108. cbandes (1 Post)
  109. vertigoMX (2 Posts)
  110. tfrugia (2 Posts)
  111. stevets (1 Post)
  112. DevNullBinary (1 Post)
  113. rfjacobsen (1 Post)
  114. gameshints (1 Post)
  115. arya009 (2 Posts)
  116. adinata (4 Posts)
  117. sanjshah (2 Posts)
  118. jlagedo (1 Post)
  119. 1900 (1 Post)
  120. eliasp (4 Posts)
  121. sethladd (2 Posts)
  122. mariposil (4 Posts)
  123. dearsina (6 Posts)
  124. plima (1 Post)
  125. edweb (1 Post)
  126. caturstudio (1 Post)
  127. RacingTomcat (1 Post)
  128. larowlan (2 Posts)
  129. marco76 (1 Post)
  130. dterle (1 Post)
  131. julienp (2 Posts)
  132. franck34 (1 Post)
  133. calavera (6 Posts)
  134. markshih (1 Post)
  135. dmhost (1 Post)
  136. LeonardoAP (7 Posts)
  137. mikeasi (5 Posts)
  138. ybshyz (1 Post)
  139. basshcm (1 Post)
  140. mrollins (5 Posts)
  141. Ant1105 (1 Post)
  142. sinma (1 Post)
  143. mfrancey (7 Posts)
  144. zonereseau (1 Post)
  145. mjhaston (12 Posts)
  146. enterco (2 Posts)
  147. mattb (1 Post)
  148. nunziofiore (6 Posts)
  149. denkoo (1 Post)
  150. rafeekphp (1 Post)
  151. luv2hike (3 Posts)
  152. drieraf (2 Posts)
  153. tmartinez (3 Posts)
  154. techwolf (1 Post)
  155. sabiola (2 Posts)
  156. marmots (1 Post)
  157. jarofclay (2 Posts)
  158. snow (1 Post)
  159. spectrus (1 Post)
  160. razvanioan (5 Posts)
  161. johnsbrn (5 Posts)
  162. xp743 (1 Post)
  163. jbd007 (3 Posts)
  164. mikemc (1 Post)
  165. technicaltitch (1 Post)
  166. steppinrazor (4 Posts)
  167. alconeijr (3 Posts)
  168. Steffen Hiller (5 Posts)
  169. keckeroo (1 Post)
  170. jineshkunnath (1 Post)
  171. reminder (3 Posts)
  172. Arthur.Blake (1 Post)
  173. manilodisan (1 Post)
  174. Chemist (1 Post)
  175. tuxz0r (1 Post)
  176. azbok (5 Posts)
  177. pil0t (1 Post)
  178. Treefrog (1 Post)
  179. polgara (1 Post)
  180. Remy (8 Posts)
  181. nizarsm (2 Posts)
  182. cesarwbr (1 Post)
  183. m0nu (1 Post)
  184. FireGlow (1 Post)
  185. jrh (1 Post)
  186. vladok (1 Post)
  187. el_dark (1 Post)
  188. Canard64 (1 Post)
  189. radustefan (1 Post)
  190. cgs1999 (1 Post)
  191. joshjdevl (1 Post)
  192. eleseint (1 Post)
  193. Efex (2 Posts)
  194. Rotomaul (1 Post)
  195. renoye (3 Posts)
  196. mahendragayatri (1 Post)
  197. SoreGums (3 Posts)
  198. chrisevans123 (1 Post)
  199. businessman332211 (37 Posts)
  200. Michael Reach (1 Post)
  201. kristalgic (1 Post)
  202. wiznia (1 Post)
  203. imnphd (1 Post)
  204. gido.carper (1 Post)
  205. gxt (2 Posts)
  206. sami_user (5 Posts)
  207. martinorth (1 Post)
  208. benmclendon (1 Post)
  209. crackrock (1 Post)
  210. Bodom78 (3 Posts)
  211. shahram (2 Posts)
  212. jjshoe (7 Posts)
  213. robertp42 (2 Posts)
  214. nicola_java (1 Post)
  215. paulwang727 (1 Post)
  216. mcantrell (1 Post)
  217. Huuuze (1 Post)
  218. irwanex (1 Post)
  219. ddouden (1 Post)
  220. skaue (3 Posts)
  221. Bucs (1 Post)
  222. kinchyle (1 Post)
  223. foxmarco (1 Post)
  224. ralfhammer (1 Post)
  225. Finity (1 Post)
  226. dmolesky (1 Post)
  227. dreas (1 Post)
  228. oliverseitz (1 Post)
  229. Wohlrajh (1 Post)
  230. phola (2 Posts)
  231. cvasilak (1 Post)
  232. quen567 (2 Posts)
  233. youdie (1 Post)
  234. cmschick (3 Posts)
  235. SunWuKung (1 Post)
  236. rickystra (2 Posts)
  237. inptisto (1 Post)
  238. extjs_new (1 Post)
  239. igor_vlad (1 Post)
  240. jeanvincent (1 Post)
  241. ScottLoney (1 Post)
  242. axpa (1 Post)
  243. rondinos (1 Post)
  244. dgubber (1 Post)
  245. schturdark (1 Post)
  246. MehdiSZ (2 Posts)
  247. Datagenn (1 Post)
  248. Mr. Hibernate (1 Post)
  249. geo_cris_ro (1 Post)
  250. freepopo (1 Post)
  251. leopku (1 Post)
  252. zyon (2 Posts)
  253. azaqero (2 Posts)
  254. spiderweb (2 Posts)
  255. LeviOu (1 Post)
  256. zkhalid (3 Posts)
  257. puyngke (1 Post)
  258. IrishSitar (1 Post)
  259. Daina (1 Post)
  260. heho2495 (1 Post)
  261. Andreas B. (2 Posts)
  262. chaoszcat (3 Posts)
  263. a.ti (2 Posts)
  264. coriolis (4 Posts)
  265. Thomas Triplet (3 Posts)
  266. thiner (1 Post)
  267. arkrohne (3 Posts)
  268. The Transporter (2 Posts)
  269. msinn (8 Posts)
  270. euphORIA (4 Posts)
  271. maznaz (1 Post)
  272. jankshtt (1 Post)
  273. small dragon (1 Post)
  274. msubbareddy (1 Post)
  275. djarquin (3 Posts)
  276. untwist (1 Post)
  277. xrx215 (1 Post)
  278. scblue (1 Post)
  279. jmilton59 (2 Posts)
  280. pbuser (1 Post)
  281. pmdarrow (1 Post)
  282. zozzi (1 Post)
  283. fabsen2102 (1 Post)
  284. Ebpo (1 Post)
  285. alexpotemkin (1 Post)
  286. Reimius (5 Posts)
  287. ebinfo (2 Posts)
  288. kellyjohn.carney (1 Post)
  289. abed_216 (1 Post)
  290. warmi01 (1 Post)
  291. Dmoney (1 Post)
  292. jago7372 (1 Post)
  293. softwareengineer (1 Post)
  294. DBorrega (1 Post)
  295. luisoswaldo (2 Posts)
  296. vrakesh_20 (1 Post)
  297. Skelv (2 Posts)
  298. israel.galan (5 Posts)
  299. pamelablalock (1 Post)
  300. pramodkhare (1 Post)
  301. EDFGRENOBLE (2 Posts)
  302. norbe (1 Post)
  303. Shobhit Rastogi (1 Post)
  304. hachie (1 Post)
  305. budaxlingga (2 Posts)
  306. ing.amdangelo (4 Posts)
  307. donremigio (1 Post)
  308. vbreader (1 Post)
  309. ecko (1 Post)
  310. tksko (1 Post)
  311. avorobjovs (1 Post)
  312. cleydsonjr (1 Post)