[svedParticipant]

Hello your example doesn’t contains checkbox. Please just add selectionmode: ‘checkbox’, while initializing the grid in the properties and try to group + reorder the columns. Right after that, hit the savestate + loadstate.

[svedParticipant]

Same problem on my side, moreover when I group by any column, the checkbox column dissapear. I’m using 3.0.3 (with 3.0.2) the issue is not reproducable

[svedParticipant]

Did you find a solution to this missing functionallity? I have to implement similar behaviour in my project, hope I can easy implement it without a hack.

[svedParticipant]

I’m using latest 2.8.3 (and 2.8.1) jqwidgets, on PC (Chrome latest and Firefox 20.0.1) problem is reproducable. As I describe it always happen, when we have properties:
– showgroupsheader: false,
– columnsresize: true

Just open grid and try to reorder the columns, using the column header.

[svedParticipant]

Are you going to implement this support in future releases?

[svedParticipant]

Do you know, when the new version will be available? Is there any schedule for the new release?

[svedParticipant]

Hello,
thanks for respond, I’m using following json string for populating the columns with data:

"[
{"text": "", "datafield": "id", "width": 20, "cellsformat": "", "cellsalign": "left", "cellclassname": "gridCellAction", "cellsrenderer": "actionsrenderer", "pinned": "true"}, 
{"text": "Product Name", "datafield": "product_name", "width": 100, "cellsformat": "", "cellsalign": "left", "cellclassname": "", "cellsrenderer": "", "pinned": 1}, 
{"text": "Category 1", "datafield": "category_1", "width": 80, "cellsformat": "", "cellsalign": "left", "cellclassname": "", "cellsrenderer": "", "pinned": 1}, 
{"text": "Category 2", "datafield": "category_2", "width": 100, "cellsformat": "", "cellsalign": "left", "cellclassname": "", "cellsrenderer": "", "pinned": 0}, 
{"text": "Category 3", "datafield": "category_3", "width": 120, "cellsformat": "", "cellsalign": "left", "cellclassname": "", "cellsrenderer": "", "pinned": 0}, 
{"text": "Product ID", "datafield": "product_id", "width": 80, "cellsformat": "", "cellsalign": "left", "cellclassname": "", "cellsrenderer": "", "pinned": 0},
{"text": "Returns Rate", "datafield": "returns_rate", "width": 70, "cellsformat": "p2", "cellsalign": "right", "cellclassname": "", "cellsrenderer": "", "pinned": 0}, 
{"text": "Shipped", "datafield": "shipped", "width": 70, "cellsformat": "c2", "cellsalign": "right", "cellclassname": "", "cellsrenderer": "", "pinned": 0}, 
{"text": "Value", "datafield": "value", "width": 80, "cellsformat": "c2", "cellsalign": "right", "cellclassname": "", "cellsrenderer": "", "pinned": 0}, 
{"text": "Units", "datafield": "units", "width": 60, "cellsformat": "c2", "cellsalign": "right", "cellclassname": "", "cellsrenderer": "", "pinned": 0}, 
{"text": "Cost %", "datafield": "cost", "width": 70, "cellsformat": "p2", "cellsalign": "right", "cellclassname": "", "cellsrenderer": "", "pinned": 0}, 
{"text": "Availability", "datafield": "availability", "width": 70, "cellsformat": "p2", "cellsalign": "right", "cellclassname": "", "cellsrenderer": "", "pinned": 0}, 
{"text": "Views", "datafield": "views", "width": 60, "cellsformat": "c2", "cellsalign": "right", "cellclassname": "", "cellsrenderer": "", "pinned": 0}, 
{"text": "Rate", "datafield": "rate", "width": 60, "cellsformat": "p2", "cellsalign": "right", "cellclassname": "", "cellsrenderer": "", "pinned": 0}, 
{"text": "Status", "datafield": "status", "width": 70, "cellsformat": "", "cellsalign": "left", "cellclassname": "", "cellsrenderer": "", "pinned": 0}, 
{"text": "Brand", "datafield": "brand", "width": 100, "cellsformat": "", "cellsalign": "left", "cellclassname": "", "cellsrenderer": "", "pinned": 0}
] 

First column doesn’t contain any value. If I use:

	$("#jqxgrid").bind('bindingcomplete', function () {
	    $("#jqxgrid").jqxGrid('autoresizecolumn', 'product_name', 'all');
	});

column product_name is resized correctly, but if i change the code to

	$("#jqxgrid").bind('bindingcomplete', function () {
	    $("#jqxgrid").jqxGrid('autoresizecolumns');
	});

The columns are not resized to the size of the contents in it.

[svedParticipant]

I’m receiving following error, when clicking on the button:

TypeError: p is null in file: jqxgrid.columnsresize.js

code is:
$(“#button”).jqxButton();
$(“#button”).click(function () { $(“#jqxgrid”).jqxGrid(‘autoresizecolumns’); });

Here is the grid code:

	$("#jqxgrid").jqxGrid({
		source:dataAdapter,
		filterable: true,
		sortable: true,
		height: 520,
		width: 955,
		pageable: false,
		enableellipsis: true,
		enablebrowserselection: true,
		rendergridrows: function(obj)
		{
		    if (obj.data == "")
		    {
		        emptyGrid = 'true';
		        return '';
		    }
		    
		    emptyGrid = 'false';
            var start = obj.startindex;
            var end = obj.endindex;
            var array = new Array();
            
            for (i = start; i < end; i++)
            {
                array[i] = this.source.recordids[i];
            }
            return array;
		},
		columnsresize: true,
		columnsreorder: true,
		columns: rowData,
        pagesize: 60,
        virtualmode: true
    });

Do you think there might be bug in columnsresize, if one column, doesn’t contain values?

[svedParticipant]

Sorry, there was a typo error, I mean, when I’m clicking on the resize button.
The resize actually happen, but it doesn’t resize till all content is visible.

[svedParticipant]

Thanks, I saw my errors, there was no type in datafields array.

[svedParticipant]

My bad, I try it as p2, but still doesn’t work. date format is not working as well

[svedParticipant]

The problem was fixed, with such code:
if(column.datafield != “id”)
{
$(‘#jqxgrid’).selectionmode(‘none’);
}

[svedParticipant]

okay, the following line:

var rowData = jQuery.parseJSON(o.rowData);

should be replaced by:

    var rowData = JSON.parse(o.rowData, function(key, value){
        if (key=="cellsrenderer") //if "thedate" property
            return imagerenderer
           else
            return value
           });

Now I can call function imagerender

[svedParticipant]

Thanks, I’ll post working solution later

[Author]

Posts