Hi stworthy.

you just don't return null from the styler but in onBeforeEdit, you also set a flag 'row.isEditing' and refresh the entire row to force a call on the styler.

This is a clear workaround to handle one or two special cases. But in my opinion this should be included in the source..  such that before loading cells with checkbox editor, the styler is set to null by default. In case of other editors, the styling is anyway not visible.

I have some 60 edatagrids with multiple style-based columns. A refresh row for every edit may cause a performance issue as well. Thanks for sharing your opinion.

I am trying to insert an icon dynamically only to COMBOBOXES but the icon gets inserted to all the textboxes, dateboxes as well.
Also, the onLoadSuccess for combobox gets called twice.

Please see the attached screenshot and the problem-demo here: http://jsfiddle.net/tk19zpd0/14/

What am I doing wrong?

Thanks.

[How can I temporarily hide / remove the cell-style while in edit mode?]

Hello stworthy,

checkbox editor is required for editing the cell. Only the background needs to be temporarily hidden when the checkbox editor is shown.

Please see the example here: http://jsfiddle.net/tk19zpd0/7/

How can I temporarily hide / remove the cell-style while in edit mode?

Also refer the attached screenshot!

I am showing a checkbox-image in cells of columns having boolean type (please see the attached screenshot).

The problem is a part of this checkbox-image is visible in the background while editing the field.

How can I temporarily hide / remove the style while in edit mode?

Thanks!

Further search on this topic has resulted in one workaround:
the "javascript:void(0)" is not displayed when the href is explicitly set to '#'.

How can set this href value by default for each linkbutton and tab-panels?

EasyUI uses href="javascript:void(0)" extensively which is - according to many articles in internet - interpreted as a javascript error. This is for us a problem, as it gives a negative impression to our customers.

How can the message 'javascript:void(0)' in browsers status bar be hidden / suppressed on mouseover on linkbuttons / tab titles?

 

I am listing couple of problems here concerning dropdown panel of comboboxes. please refer jsfiddle example given below and attached screenshot.

1. the dropdown panel doesn't hide when focus (mouse click) is set directly on another combobox. If mouse is clicked elsewhere on the page, the panel is hidden as expected.

2. In Internet Explorer (Version 11), when two comboboxes are clicked one after the other, and a alert is shown for the selection made on the first combobox, the dropdown panels of both the comboboxes are shown.

3. The alert box is shown behind the dropdown panel. As a result, the alert message gets partially hidden and the dropdown panel is active (the alert's modal has no effect on it).

example in jsfiddle: http://jsfiddle.net/onq3qo9t/1/

thanks for checking this out!

P.S. Attached screenshot can be seen ONLY if you are logged-in in the forum!

Sorry for not mentioning that the buttons are created dynamically in Javascript not using HTML's anchor tag.

Given that the buttons for add, save and cancel-edit are created as here: http://jsfiddle.net/tk19zpd0/

How can I add a tooltip which would appear when the mouse is placed over these buttons (hover)?

I have not much place to show button-text in datagrid's pager. therefore i use only icons for the buttons.

Given that the buttons for add, save and cancel-edit are created as here: http://jsfiddle.net/tk19zpd0/

How can I add a tooltip which would appear when the mouse is placed over these buttons (hover)?

 

[by default]

To enable filter as per your suggesstion one needs field name.

We enable filter for all datagrids in one central location as follows:

Code:

	if (specialFilters.length > 0) {
		$('#'+datagridSelector).datagrid('enableFilter', specialFilters);	 // enable filter with given special filters
	} else {
		$('#'+datagridSelector).datagrid('enableFilter');	// enable filter with type textbox
	}

As you can see, there is no datagrid-field information given for textbox-based filters. Special filters are combobox or datebox or numberbox filters which contain field-name and corresponding options...

For time being I found a workaround by adding the following line directly in source code file "datagrid-filter.js":

Code:

input.attr('placeHolder', 'enter filter text here ...');

This works but I am looking for a possibility to do the same - by default - for all filter-enabled datagrids without modifying the source code.

Perhaps by extending the filter - plugin in my code. But the problem is, setting the prompt after the textbox is initialised effects the textbox size! Any ideas in this direction are welcome ...

How can I set a default prompt to all the filter textboxes of all filter-enabled datagrids?

The prompt may be for e.g. 'enter filter text here...'

Thanks for the support, that helped solve the problem!

@Max Lamda: yes, onLoadError does get fired in some cases... but not in this case (I have corrected this in my previous reply).

Further experiments with this issue brings me to the conclusion that datagrid cannot handle incompatible json data!

Here is a demo, that results in a javascript error (in console) when you click on the button "get more data from server": http://jsfiddle.net/8g89fntz/3/

If the received json is not as expected, this should be handled and informed ...
I see no way to handle this because there isn't anything between onBeforeLoad and onLoadSuccess. And onLoadError doesn't get fired in this case!

Thanks in advance for having a look.

My remote server always returns a json object which is displayed as expected in edatagrid / datagrid. For e.g:
{"total":[1], "rows":[{ "id":1, "type":"Dummy Rack", "size":"40x50x60"}]}

In case of an error while handling request, the server may also send a json containing error text, for instance:
{"success":false,"message":"Received invalid Id:-1!"}

On client side however, this results in a background Javascript error: TypeError: rows is undefined

How should the json be formed so that in case of an error the "onLoadError" event of datagrid gets fired and the user be informed of error in an alert box?