jQuery Grid Plugin - jqGridForum

Topic RSS

Related Topics sp_TopicIcon

jqGrid edit dialog with jqModal: false and modal: true, datpicker month drop down issue

Tags: jqgrid datepicker

20/12/2012
14:37

abanipatra

Member

Members

Forum Posts: 3

Member Since:
06/02/2012

Offline

When I have add the jqGrid add dialog properties with jqModal as true and modal as true,

Then when I click a datepicker filed the datepicker shows properly but change month and change year

drop down does not work at all. When I change the modal to false it work again. or if I ll change the jqModal to false and modal true

it work but the modality work differently which does not fullfill my requirement as it creates other error on subgrid showing of dialog if the subgrid number of rows is very small.

Please help me.

Thank you in advance.

Note: This issue is particuallary on firefox: version:17.01 and in chrome too.

Regards

Abani

20/12/2012
15:13

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

I dont't recommend you to use modal:true property. You can't use it in the combination with jQuery UI. See the answer and my anasyse of the problem.

Regards
Oleg

24/12/2012
12:26

abanipatra

Member

Members

Forum Posts: 3

Member Since:
06/02/2012

Offline

Hi,

Actually it was working with firefox till firefox 16 after that in 17 it stop working.

another thing I have to use use modal: true with jqModal: false as it is my business requirement rather if

I ll use modal false I am losing my data on click of outside the edit dialog.

Please let me know if any one can help you.

Thanks

Abani

07/01/2013
15:07

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Hi Abani,

I can't imagine that any business requirement can be "use jqModal.js modul of jqGrid". The usage of settings modal: true with jqModal: false means exactly this. As I explained in the UPDATED 2 part of the referenced answer the module jqModal.js bind keypress, keydown and mousedown events of the document object (!!!) to the event handler. The event handler blocks controls which are not children of the modal form. Many jQuery UI controls have absolute position and contains elements which are not direct children of the form. There are typically children of body of the page. So one can't change for example month and change year of the datepicker.

The business requirement can be only as some requirement about blocking of controls and not about the usage of some specific moduls. You can implement any kind of blocking which you need in another way. So you have to implement your custom blocking or just modify the part

r = (!$(e.target).parents('.jqmID' + h.s)[0])

of the line which I described in my answer.

Best regards
Oleg

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
73 Guest(s)

Currently Browsing this Page:
1 Guest(s)