[ivanpeevskiParticipant]

Hi qx5,

Thanks for the feedback!
Here is the updated solution – https://jsfiddle.net/pe2xvd3h/1/

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi qx5,

Thanks for the feedback
Here is an updated version – https://jsfiddle.net/k1xjmLsu/2/

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi qx5,

You can create a “editActive” variable which keeps track of whether the editing is active. Then in the ‘rowClick’ event, start the editing only if editActive is false.
Here is an example: https://jsfiddle.net/ptaf1qec/

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi kalki27,

To achieve this, you can modify the code where you create the jqxCheckBox and add a unique id or class for each checkbox. You can use the column’s datafield. When you need to update the value of a checkbox, use jquery selector to get the jqxCheckbox by its id/class and call jqxChart(‘check’) or jqxChart(‘uncheck’) depending on your logic.

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi kalki27,

I can’t see how you define and use the “data” array, but for updating the grid’s data in general I suggest using the setcellvalue method instead. And since you are changing the value of many cells at once, you can also use beginupdate and endupdate to improve performance:
grid.jqxGrid(‘beginupdate’)
//update all values with ‘setcellvalue’
grid.jqxGrid(‘endupdate’)

When you need to get the data you can use ‘getrows’. This will make the value changes more stable and hopefully resolve the issue.

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi mrezzonico,

You can’t define the exact width of the chart grid itself, but you can set the padding property to:
padding: { left: 0, top: 0, right: 0, bottom: 0 },
In this way, the chart will take the full width of the container. Here is an example – https://jsfiddle.net/gst5jwdy/

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi James,

exportview expects different arguments compared to exportdata. In your code, this will correctly export only the selected rows:

$("#jqxgrid").jqxGrid('exportview', 'xlsx', 'testDownloadName', rowData);

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi,

Thank you all for the feedback regarding the issue. It seems to be related with a recent Chrome update.
We will investigate what’s the cause and work on resolving it for our next release.

Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi Dimitar,

Thank you for the feedback!
I have opened a work item and we will work on resolving the issue for our next releases.

As a workaround, you can consider setting jqxTouch to the body element (or other elements wrapping the jqxgrid). The events will continue to fire correctly. You can use event.target to check whether it was called from inside the grid.

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi robf,

You can enable that by setting $(‘#jqxGrid’).jqxGrid({enablebrowserselection: true});

Best Regards,
Ivan Peevski
jQWidgets team
http://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi EricK,

You can use the itemMoved event to capture the moment when the user drops an item. Here is an example:

$(‘#kanban’).on(‘itemReceived’, function (event) {
var args = event.args;
var itemId = args.itemId;
var oldParentId = args.oldParentId;
var newParentId = args.newParentId;
var itemData = args.itemData;
var oldColumn = args.oldColumn;
var newColumn = args.newColumn;
if(!confirm(“Confirm Move?”)){
setTimeout(function(){
itemData[“status”] = oldColumn.dataField;
$(‘#kanban’).jqxKanban(‘removeItem’, itemId);
$(‘#kanban’).jqxKanban(‘addItem’, itemData);
}, 5)

}
});

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi Rob,

The grid “rendered” property will be called twice – at the beginning and at the end of each view refresh.
Here is an example how to use it: https://jsfiddle.net/rt3ov4nf/3/

  rendered: function(call){
  	if(call == 'rows'){
    	console.log('refresh start');
        debugger;
    }
    else if(call == 'full'){
    	console.log('refresh end');
        debugger;
    }
  }

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi Rob,

“fluent” is simply a new CSS theme. It shouldn’t be causing any issues with the widgets.
You can still use all previous CSS themes such as “light”, “dark”, “material”, etc.. by importing their CSS file and then setting the “theme” property of the widgets to the corresponding theme name. If you still experience some issues, you can let us know and we will provide you assistance.

In any case, you can download all previous major releases from the jqwidgets-scripts npm module. For example: npm i jqwidgets-scripts@14.0.0

Best regards,
Ivan Peevski
jQWidgets Team
https://www.jqwidgets.com/

[ivanpeevskiParticipant]

Hi EricK,

One options is to do:

.jqx-kanban-item{
    pointer-events: none
}

Which will prevent dragging, but also prevents all other dragging events.

Best Regards,
Ivan Peevski
jQWidgets Team
http://www.jqwidgets.com

[ivanpeevskiParticipant]

Hi Jamie,

The “keyDataField” must always be a unique value for each row.
As a workaround, you can use the “beforeLoadComplete” callback function of the source to check for identical part_id values and modify them.

Best Regards,
Ivan Peevski
jQWidgets Support
http://www.jqwidgets.com

[Author]

Posts