[robfParticipant]

Hi Svetoslav,
I was easily able to reproduce the reported issue with the following fiddle: http://jsfiddle.net/rfossella/gzjykxpm/10/

Please double-click into any cell to enter edit mode and then tab through – no need change value. Notice that if you tab through the first three columns there is no cellvaluechanged event fired. However, once you tab through the OrderDate column the cellvaluechanged is triggered even though the value DID NOT change and the console log shows the values to be the same.

The very common use case here is that I am marking the screen/form/gird as DIRTY to prevent users from canceling work they edited.

Thanks for your help.
Rob

[robfParticipant]

Hi Svetoslav,
Thanks for the feedback. The issue is more prevalent when there are other tabbable elements on the page – e.g. buttons. In the demo you gave, I added two button elements

<button >Save</button>
<button >Cancel</button>

You will now notice that if you are tabbing in the grid and begin editing the quantity cell, and then tab, the focus leaves the grid and puts focus on the first (save) button. Even when adding <button tabindex="-1">Save</button> this will prevent it from tabbing to the button, but tab instead to some other tabbable field – e.g. anchor tag. The question is how to keep the focus inside the grid when I am in the middle of editing? I would imagine the use case is very common for anyone editing a large grid.

Any more thought or ideas on this?

http://jsfiddle.net/rfossella/zLq132ja/10

Thanks
Rob

[robfParticipant]

Hi, Thanks for that info. One more question – can you have a grid column with the email formatter?

[robfParticipant]

Hello Hristov,
Have there been any patches for this?
Thank you.
Robert

[robfParticipant]

Hello. Has any progress been made with this fix?

[robfParticipant]

Hi. Has this issue been addressed in a new release?

[robfParticipant]

Thank you, Hristo.

[robfParticipant]

Thank you. I look forward to the fix.

[robfParticipant]

Hristo – also please note in your example with hard-coded values, behavior is odd when doing a SELECT ALL vs. SELECT NONE with blanks showing up.

[robfParticipant]

Hello Hristo
I see your example for setting filteritems with hard-coded array. How would I do this for dynamic array? In other words, I want filteritems (for numbers) to be all possible values within that column except those that may are NaN.

Want something dynamic here:
filteritems: () =>{return [“100”, “200”]}

Thanks
Rob

[robfParticipant]

Hello Hristo,
I’m not sure if you followed my question. It seems like you’re telling me to not use the excel filter?
As shown in the jsfiddle, the items displayed in dropdown are not being reflected when I select them.
Did you review the jsfiddle and see the error that shows up in the console?

Please review and please clarify your answer.
Thanks
Rob

[robfParticipant]

—
Also, another question about this: if the match is done based on the underlying cell value vs. the rendered value how do we handle this when a cell is rendered based on the value of another cell in the row?
e.g.
cellA = 2
cellB = (if cellA == 0 ? “N/A” : “VALID”

[robfParticipant]

Hi Peter,
I used that demo to begin my work and have the window and tabs defined as:

$('#infoWindow').jqxWindow(
		{
			autoOpen: false,
			showCollapseButton: false,
			maxWidth: 800,
			minHeight: 200,
			minWidth: 200,
			height: 575,
			width: 575,
			closeButtonAction: 'hide',
			initContent: () =>
			{
				$('#infoTabs').jqxTabs({ height: '100%', width:  '100%', reorder: true,  position: 'top'});
				$('#infoWindow').jqxWindow('focus');
			}
		});

In my code I dynamically create the content of the tabs – vs. your hardcoded example. This is why I wanted to know if I could refresh/rerender the tabs.
Also, when I check the width and height via
$(‘#infoTabs’).jqxTabs(‘width’) and $(‘#infoTabs’).jqxTabs(‘height’) they both correctly show 100%. Again, the only way the tab content changes is when I manually move the window.

It happens in all browsers so I’m stumped

Rob

[robfParticipant]

Peter. Success! I found these options which appear to solve.
minWidth: 150,
width: 150,
autoCellHeight:false

Thank you!

[robfParticipant]

Hi Peter,
The problem seems to occur when the first column width is too narrow and then wrapping occurs. I noticed because I resized it wider and then it fell into place. How do we keep that column fixed width without wrapping to show the proper visual hierarchy? Is this a feature of the treegrid?
Thank you.
Rob

[Author]

Posts