.Not getting any love on StackOverflow on this one, so I thought I’d try here…
I’m trying to include a ptTimeSelect widget in a jqGrid edit dialog. The following code snippet is how I am trying to accomplish this.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
$('#classTable').jqGrid('navGrid', '#classPager', { edit: true, add: true, del: true, search: false, refresh: false, view: true, position: "left", cloneToTop: false, edittitle: "Edit Selected Class", addtitle: "Add a Class", deltitle: "Delete Selected Class" }, // Options for the edit dialog { editCaption: "Edit Class", closeAfterEdit: true, recreateForm: true, width: 400, onInitializeForm: function(form) { $("#startTime",form).ptTimeSelect(); //$("#startTime",form).timepicker(); } }, |
The ptTimeSelect widget posts when I select the field, but I can not interact with it. It posts behind the the edit dialog and is grayed out. If I use the timepicker widget (commented above), it posts correctly and works as expected, but I like the ptTimeSelect widget better.
Suggestions?
Hello,
At first look in this widget I see that the default zIndex is 10, which causes this problem. jqGrid edit dialog (if I remember right has a zIndex between 400 and 500). In order to solve the problem you maybe can try this:
|
1 2 3 |
onInitializeForm: function(form) { $("#startTime",form).ptTimeSelect({zIndex : 800}); } |
Kind Regards
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top
