[andy8Participant]

Thanks a lot, Peter! It works perfectly fine.

[andy8Participant]

Peter, but in your 1st post you stated that:

“You can however use the jqxNumberInput’s event and bind to them in the column editor’s “createeditor” callback(called when an editor is created).”

I guess, I tried to do exactly what you suggested. If not, what is the right way of doing that?

[andy8Participant]

Is it a right way of doing that?

            createeditor: function (row, cellvalue, editor, cellText, width, height) {
					// construct the editor. 
                    editor.jqxNumberInput({
                        decimalDigits: 4,
                        inputMode: 'simple',
						max: 1,
						min: 0,
                        theme: theme,
                        width: width,
                        height: height,
                        spinButtons: true,
                        spinMode: 'advanced'
                    });
		editor.on('valuechanged', function (event)
		{
		var value = event.args.value;
		alert(value);
		}); 
            },

It seems to be working, but I cannot pass the row number into jqxNumberInput callback. How can I get the row number inside the “valuechanged” function?

Thanks

[andy8Participant]

Thanks, Peter. I am trying to figure out the right syntax where to add events in the editor’s options. This is my code:

          createeditor: function (row, cellvalue, editor, cellText, width, height) {
					// construct the editor. 
                    editor.jqxNumberInput({
                        decimalDigits: 4,
                        inputMode: 'simple',
						max: 1,
						min: 0,
                        theme: theme,
                        width: width,
                        height: height,
                        spinButtons: true,
                        spinMode: 'advanced'
                    });
            },

How can I add “valuechanged” events?

Thanks a lot!

[andy8Participant]

Thanks, Dimitar – all is working now.

[andy8Participant]

Further to my original post. It has nothing to do with editable cells, because dragging grid scroll bars cause the same effect. The issue can be easily replicated.

[andy8Participant]

Hi Peter,

Thanks for the reply. Is it possible to add groups after the dropdown list is rendered with the ‘updateItem’ directive?

I’ve tried modifying an existing dropdown list, but it makes no difference and doesn’t add categories.

[andy8Participant]

Hi Peter,

Thanks – it was because of the missing checkbox bounding.

I still need to fix the issue with “removing” checkboxes from selected cells. I am playing with this code:

function clearGrid(){
		for(var i=0; i<3; i++){
			$("#row"+i+"myGrid div:nth-child(3)").html("");
			//$("#row"+i+"myGrid div:nth-child(3)").children('div').hide(); //2nd option clears also borders - not good
		}	
}
$("#myGrid").on('cellvaluechanged', function (event) {
       clearGrid();
}

Actually, it works with just a few problems. I am shooting that function clearGrid() also on ‘celldoubleclick’ and ‘cellbeginedit’. it works, but still these checkboxes appear again when I start editing other cells.

My question: what jqxGrid events should I use to make sure that my function clearGrid() is triggered every time when it “redraws” checkboxes?

Maybe you could suggest a more elegant solution how to suppress selected checkboxes.

Thanks

[andy8Participant]

Thanks, Peter. One more question – I have a very strange behavior of column checkboxes, when defined directly as

      columns = [{
		text: 'Core',
        datafield: 'key',
		columntype: 'checkbox',
		editable: true,
        width: 45
		}, {....

When initialized, all boxes are unchecked, then when clicking on one of the boxes, all other boxes change their status to “undefined”. Then I can click each of these checkboxes manually and change their state. What causes all checkboxes to be undefined after the 1st click?

Also, how can I change status of grid checkboxes programmatically, after the grid is initialized?

Thanks!

[Author]

Posts