jQuery Grid Plugin - jqGridForum

Topic RSS

Wrong fields alignement in Search Toolbar in case of Multiselection

20/08/2009
04:10

bobinwood

Member

Members

Forum Posts: 3

Member Since:
20/08/2009

Offline

When you create a Grid with multiselect:true

Then you create a toolbar with the following options:

gridModel:true,gridToolbar:true,enableClear:true,enableSeach:true

The first field is not shifted to the right but remains aligned to the left of the form.

The first search field is aligned with the multiselect toggle buttons

21/08/2009
01:42

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Which version do you use? If you use 3.5 I suggest you to use filterToolbar method instead of filterGrid.

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.

21/08/2009
02:59

bobinwood

Member

Members

Forum Posts: 3

Member Since:
20/08/2009

Offline

I use 3.5.

I will try to use filterGrid

Thanks Tony

28/08/2009
03:41

bobinwood

Member

Members

Forum Posts: 3

Member Since:
20/08/2009

Offline

I tried to use the filterOption, it works but if you use a select , you have to type the value in the search field.

For example:

edittype:'select', editoptions:{value:"Good:1;Medium:2;Bad:3"}

You have to type 1,2 or 3 instead of selecting values for a select.

28/08/2009
07:47

Renso

Member

Members

Forum Posts: 118

Member Since:
11/09/2008

Offline

Should your SELECT not rather have a key-value pair, as in 1:Good;2Medium;3:Bad;?

I also have some issues with the filterToolbar (ver.3.4.4) and go through quite a bit of work to set the columns position. For example my first few columns are not searchable so I want to move my first search box to the right, left aligned with the column of the field it represents, here are some examples that may be helpful:

                        $('form.filterform table.filtertable tr').prepend('<td class=”empty”>');//inject a search tag that I can use to shift my first search box over to the right by 73 pixels
                        $('form.filterform table.filtertable tr td.empty').attr({ colspan: 2 }).css({ width: '73px' });
                        $('form.filterform table.filtertable tr td').css({ margin: '0 5px' });
                        $('form.filterform table.filtertable tr td #sg_CallDateUrl').css({ width: '187px' });//first search box/column
                        $('form.filterform table.filtertable tr td #sg_CallTypeUrl').css({ width: '39px' });
                        $('form.filterform table.filtertable tr td #sg_PrimaryContactTitle').css({ width: '73px' });
                        $('form.filterform table.filtertable tr td #sg_CallStatus').css({ width: '88px' });
                        $('form.filterform table.filtertable tr td #sg_CompleteUrl').css({ width: '34px' });
                        $('form.filterform table.filtertable tr td #sg_LastCallComment').css({ width: '228px' });

Not sure if this is a feature in 3.5 but would be great if the resize event on columns also resizes and aligneds the search toolbar's column with it.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
67 Guest(s)

Currently Browsing this Page:
1 Guest(s)