Guriddo » Topic: Search toolbar hide by default

Search toolbar hide by default

Guriddo
Search toolbar hide by default

This topic has 4 replies, 4 voices, and was last updated 11 years, 7 months ago by tony.

Creator

Topic
January 18, 2012 at 1:45 am #79532

bjenkins24
Participant

Hi I would like to have the search toolbar functionality but I want it to be hidden by default.
Creator

Topic

Viewing 4 replies - 1 through 4 (of 4 total)

Author

Replies

January 21, 2012 at 3:04 am #99392

Yara

Participant

Yep, I am looking for this solution too.

January 23, 2012 at 10:43 am #99397

tony

Keymaster

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

September 8, 2014 at 7:43 pm #102244

wexwell

Participant

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', {<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  caption: "",<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  title: "Toggle Search Toolbar",<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  buttonicon: 'ui-icon-search',<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  onClickButton: function () {<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  this.toggleToolbar();<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  if ($.isFunction(this.p._complete)) {<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  if ($('.ui-search-toolbar', this.grid.hDiv).is(':visible'))<br />
Â Â  Â Â Â  Â Â Â  Â Â Â  Â Â Â  Â Â Â  Â {<br />
Â Â  Â Â Â  Â Â Â  Â Â Â  Â Â Â  Â Â Â  Â Â Â  Â <br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  $('.ui-search-toolbar', this.grid.fhDiv).show();<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  } else {<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  $('.ui-search-toolbar', this.grid.fhDiv).hide();<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  }<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  this.p._complete.call(this);<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  fixPositionsOfFrozenDivs.call(this);<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  }<br />
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â  }<br />
Â Â Â Â Â Â Â Â Â Â Â  });<br />
Â Â  Â Â Â  Â Â Â  Â $('.ui-search-toolbar').hide();

Â Â Â Â Â Â Â Â Â $('#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();

September 13, 2014 at 1:13 pm #102262

Search toolbar hide by default

Search Forum

Recent Replies

Forum Statistics

UserOnline