[aoverton07Participant]

var detailSource = {
   url: '../phpDocs/someUrl.php',
   datatype: 'json',
   data: { action: 'timesheet_details', timesheetID: rowData.timesheet_id },
   datafields: [
	  { name: 'timesheet_detail_id', type: 'string' },
	  { name: 'timesheet_id', type: 'string' },
	  { name: 'date', type: 'date' },
	  { name: 'time_in_1', type: 'date', format: "yyyy-MM-dd HH:mm:ss" },
	  { name: 'time_out_1', type: 'date', format: "yyyy-MM-dd HH:mm:ss" },
	  { name: 'time_in_2', type: 'date', format: "yyyy-MM-dd HH:mm:ss" },
	  { name: 'time_out_2', type: 'date', format: "yyyy-MM-dd HH:mm:ss" },
	  { name: 'st_hours', type: 'string' },
	  { name: 'ot_hours', type: 'string' },
	  { name: 'dt_hours', type: 'string' }
  ]	
};

var detailAdapter = new $.jqx.dataAdapter(detailSource);

$("#timesheetDetailsGrid").jqxGrid({
	theme: theme,
        source: detailAdapter,
	height: 203,
	width: 665,
	rowsheight: 25,
	columnsresize: true,
	columns: [
		{ text: "detailID", datafield: 'timesheet_detail_id', hidden: true },
		{ text: 'timesheetID', datafield: 'timesheet_id', hidden: true },
		{ text: "Date", datafield: "date", columntype: 'datetimeinput', cellsalign: 'right', cellsformat: "ddd - MM-dd-yyyy", width: 150 },
		{ text: "", width: 15 },
		{ text: "ST", datafield: "st_hours", width: 40 },
		{ text: "OT", datafield: "ot_hours", width: 40 },
		{ text: "DT", datafield: "dt_hours", width: 40 },
		{ text: "", width: 15 },
		{ text: "In", datafield: "time_in_1", columntype: 'datetimeinput', cellsformat: "hh:mm tt", width: 80 },
		{ text: "Out", datafield: "time_out_1", columntype: 'datetimeinput', cellsformat: "hh:mm tt", width: 80 },
		{ text: "", width: 15 },
		{ text: "In", datafield: "time_in_2", columntype: 'datetimeinput', cellsformat: "hh:mm tt", width: 80 },
		{ text: "Out", datafield: "time_out_2", columntype: 'datetimeinput', cellsformat: "hh:mm tt", width: 80 }
	]
});

[aoverton07Participant]

returned as string from mysql to php in format “0000-00-00 00:00:00”, echoed from php to javascript using json_encode();

recieved as string in javascript as “0000-00-00 00:00:00”;

[aoverton07Participant]

a

[aoverton07Participant]

You can actually define a textarea element as a jqxInput with surprisingly good results…..

http://jsfiddle.net/HGZqD/6/

[aoverton07Participant]

Am I forced to use custom filter/sort bindings and remove and replace them any time I want to use the loadstate method?

[aoverton07Participant]

Peter,

The Grid’s Z-Index is not in question here, it is the Z-Index of the Panel’s vertical scrollbar, as shown in the example I provided….

Best Regards,

Alex Overton

[aoverton07Participant]

a simple console.log(event) should list all the properties of that object in the dev console

[aoverton07Participant]

Peter,

Yes, I acknowledged all of that. My question was:

“Why do jqxDateTimeInputs strictly have to be initialized inside the initContent callback, but jqxButtons do not?”

You can see in the jsfiddle that you posted, that there are two buttons inside the window, one of them is initialized in the initContent callback and the other one is NOT. Yet, they both appear to have been initialized properly, with no errors thrown…

Best Regards,

Alex Overton

[aoverton07Participant]

Simple enough, so why is it that buttons do not have to be initialized inside the initContent callback, but dateTimeInputs do?

[aoverton07Participant]

sorry for the multitude of posts, but it seems I’ve jumped the gun, the problem persists!

I’m getting some VERY stranger behavior, and here is a jsfiddle that CLEARLY reproduces it:

http://jsfiddle.net/NcaUt/26/

1.) If I don’t initialize the jqxDateTimeInput inside the windows initContent callback, then I receive the error stated earlier. If I DO initialize it inside the callback the input is nowhere to be found!

2.) it appears that buttons are not allowed to be initialized inside the initContent callback, this is also clearly shown in the example.

So how can I include a jqxDateTimeInput inside of a jqxWindow? Please help us with this issue!

[aoverton07Participant]

To add to above ^^^^^^^^^^^

This only seems to affect the jqxDateTimeInput’s, all other widgets do not HAVE to be initialized in the jqxWindow’s intiContent callback, it is only jqxDateTimeInput’s that raise this error when they are NOT initialized in the initContent callback. All is well as far as my app and it didnt require much change to my code just some shuffling around, however it would be nice if these rules were consistent lol

[aoverton07Participant]

Dear All,

I have figured out what was causing this problem. Jordan, I am assuming that your jqxDateTimeInput was contained inside of a jqxWindow or jqxTab?

My problem was that I was not using the initContent callback to initialize the dateTimeInput inside of my window, this has resolved my issue.

[aoverton07Participant]

Jordan, thank you for the solution!

jqWidgets Team,

Can you address/confirm this issue?

Best Regards,

Alex Overton

[aoverton07Participant]

Peter,

Could you provide a solution where a group is expanded when the Group Details Row is double clicked?

Best Regards,

Alex Overton

[aoverton07Participant]

I am trying to feed the groups index to the ‘expandgroup’ and ‘collapsegroup’ methods so it does not make sense to get the groups index from the ‘groupexpand’ event, I need to the index so that I know WHICH group to expand. Is there any other way to get the groups index (level) besides the ‘groupexpand’ and ‘groupcollapse’ event handlers?

[Author]

Posts