jQuery Grid Plugin - jqGridForum

Topic RSS

Search toolbar hide by default

18/01/2012
01:45

bjenkins24

New Member

Members

Forum Posts: 1

Member Since:
18/01/2012

Offline

Hi I would like to have the search toolbar functionality but I want it to be hidden by default. So instead of toggling the search filters away on load if you want them you can click the toggle button and they will appear. How would I do this?

Thanks!

21/01/2012
03:04

Yara

New Member

Members

Forum Posts: 1

Member Since:
21/01/2012

Offline

Yep, I am looking for this solution too. Frown

23/01/2012
10:43

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

The table row wher the serch toolbar appear has a class "ui-search-toolbar".

You can easy

(".ui-search-toolbar").show();

and

(".ui-search-toolbar").hide();

Regards

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

08/09/2014
19:43

wexwell

Member

Members

Forum Posts: 10

Member Since:
05/09/2014

Offline

I over complicated this response and ended up simply wasting time when the solution was exactly as you stated. Code is posted below;

Â Â Â Â Â Â Â Â Â

Â Â  Â Â Â  Â Â Â  Â $('#grid').jqGrid('navButtonAdd', '#pager', {
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  caption: "",
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  title: "Toggle Search Toolbar",
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  buttonicon: 'ui-icon-search',
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  onClickButton: function () {
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  this.toggleToolbar();
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  if ($.isFunction(this.p._complete)) {
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  if ($('.ui-search-toolbar', this.grid.hDiv).is(':visible')) 
Â Â  Â Â Â  Â Â Â  Â Â Â  Â Â Â  Â Â Â  Â {
Â Â  Â Â Â  Â Â Â  Â Â Â  Â Â Â  Â Â Â  Â Â Â  Â 
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  $('.ui-search-toolbar', this.grid.fhDiv).show();
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  } else {
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  $('.ui-search-toolbar', this.grid.fhDiv).hide();
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  }
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  this.p._complete.call(this);
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  fixPositionsOfFrozenDivs.call(this);
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  }
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  }
Â Â Â Â Â Â Â Â Â Â Â  });
Â Â  Â Â Â  Â Â Â  Â $('.ui-search-toolbar').hide();

13/09/2014
13:13

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Many thanks for the posted solution.

Best Regards

tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 816

Currently Online:
35 Guest(s)

Currently Browsing this Page:
1 Guest(s)