[midiParticipant]

Hi Peter,

I did more research on the problem above and I found it should be the sorting function that causes it.

I think it’s a bug. FYI, after applying sorting on the grid, I can not open the nested grid correctly.

For example, “A”,”B”,”C” are 3 items (each has a nested grid) in the grid from top to bottom. Before applying sorting, I can open each nested grid with no problem.

After refreshing the page and applying ascending sorting once the grid is loaded, the order of them becomes “A”,”C”,”B” from top to bottom. However, the first time when I open the nested grid for “C” or “B”, the nested grid for “A” will be automatically opened.

Then I remove the sorting, everything works well again.

I don’t know what is changed from version 2.5.5 to 2.7/2.8 that causes this bug.

Can you help me with above problem?

Many Thanks,
midi

[midiParticipant]

Hi Peter,

Does the new latest version 2.6.1 involve the fix for the problem above?

Best Regards,
midi

[midiParticipant]

Hi Peter,

Just wondering, have you been able to reproduce the problem?

Best Regards,
midi

[midiParticipant]

And one more thing to report:

The ‘color’ property under ‘series’ doesn’t work at all in pie chart. The serie can not be rendered by a specified color.

Best Regards,
midi

[midiParticipant]

Hi Peter,

Thanks for the answers. They really help a lot.

Best Regards,
midi

[midiParticipant]

Hi Peter,

Two things to ask:

1. Thank you for your reply about the tooltip as I agree that tablets and mobile phones do not have a ‘hover’ state; but I want to ask if there is a way to implement on the jqxChart Column series as I implemented to display tooltip on mobile devices, on jqxgrid. FYI, I did this by using jqxtooltip together with jqxgrid. BUT I cannot find a way to combine jqxtooltip together with jqxchart. Any help here will greatly appreciated.

2. On the jqxchart column series, on mobile devices (tablets & mobile phones) on Android OS, I find that with Android OS version 4.0.4 the columns are filled in but with Android version 4.0.3 the columns are just outlined and not filled in. Does the user need to upgrade to version 4.0.4 in order to see the columns fill in or is there some ‘work around’ I can implement so user does not need to upgrade?

Thanks,
midi

[midiParticipant]

Hi,

I just find another issue that tooltip in chart is not displayed when I tap on mobile devices, including iPad, Tablet and Mobile Phones. Is it because there is no ‘hover’ state for these devices? And when can we expect this function to be available?

Best Regards,
midi

[midiParticipant]

Hi Peter,

Thanks for the suggestion. I’ve figured out the issue.

Best Regards,
midi

[midiParticipant]

Hi Dimitar,

I’ve just found the solution for this problem. I just added the definition of an array variable which is used to store the fetched result retrieved from database, shown as follows:

$blocks = array();
while($row = mysql_fetch_array($result,MYSQL_ASSOC))
{
$blocks[] = array(
'id_block' => $row['id_block'],
'content' => $row['content'],
'market' => $row['market'],
'premium' => $row['premium'],
);
}


I lost ‘$blocks = array();’ before, that’s why the problem occured.

Thanks.
midi

[midiParticipant]

Hi Stoev,

Yes, the horizontal scroll bar is visible.

My sample code for constructing the grid is as follows:

var editrow = -1;
var labelWidth = globalWidth*1.7/8;
var attachpointWidth = globalWidth*1.3/8;
var limitWidth = globalWidth*1.1/8;
var startWidth = globalWidth*1.0/8;
var orderWidth = globalWidth*0.6/8;
var preWidth = globalWidth*0.9/8;
var editWidth = globalWidth*0.7/8;
var deleteWidth = globalWidth*0.7/8;
$("#blocks").jqxGrid(
{
width: globalWidth,
source: dataAdapter_block,
theme: theme,
height: 285,
sortable: true,
columnsresize: true,
showpinnedcolumnbackground: false,
showsortcolumnbackground:false,
ready: function () {
$("#blocks").jqxGrid('sortby', 'forsort', 'dec');
},
columns: [
{ text: 'id', dataField: 'id_block', hidden: true },
{ text: 'color', dataField: 'forsort', hidden: true },
{ text: 'forsort', dataField: 'color', hidden: true },
{ text: 'font_color', dataField: 'font_color', hidden: true },
{ text: 'Label', dataField: 'content', width: labelWidth, resizable: false, menu:false, sortable:false, pinned: true},
{ text: 'Attach. Point (US$m)', dataField: 'y_start', cellsformat: 'd', width: attachpointWidth },
{ text: 'Layer Limit (US$m)', dataField: 'height', cellsformat: 'f', menu:false, sortable:false, width: limitWidth },
{ text: 'Order Start %', dataField: 'x_start', cellsformat: 'f', menu:false, sortable:false, width: startWidth },
{ text: 'Order %', dataField: 'width', width: orderWidth, cellsformat: 'f', menu:false, sortable:false },
{ text: 'Premium (US$)', dataField: 'premium', cellsformat: 'f', menu:false, sortable:false, width: preWidth },
{ text: 'Edit', datafield: 'Edit', columntype: 'button', width:editWidth, , menu:false, sortable:false, resizable: false, cellsrenderer: function () {
return "Edit";
}, buttonclick: function (row) {}
},
{ text: 'Delete', datafield: 'Delete', columntype: 'button', width: deleteWidth, menu:false, sortable:false, resizable: false, cellsrenderer: function () {
return "Delete";
}, buttonclick: function (row) {}
},
]
});


And my code for adding a row after clicking the adding button is as follows:

$("#addrowbutton").bind('click', function () {
var datarow = generaterow();
$("#blocks").jqxGrid('addrow', null, datarow);
});


Thanks very much.
midi

[Author]

Posts