Thanks. Much appreciated.

We have three different combo boxes on a page and we want them to be styled differently. We have the primary select/text box formatted differently, but the panels used for the drop down options all inherit the same CSS. Is there a way to style each of the combo box's drop down options independently?

e.g.
combobox #1, white text blue background on drop downs
combobox #2, white text green background on drop downs
combobox #3, red text gray background on drop downs

Thanks.

I'm currently checking the loaded data and using the clear option as a workaround. But I would think that on receiving a blank array the combobox would clear itself.

Code:

       onLoadSuccess: function (combo) {
            if (combo.length == 0) {
                $('#billingYear').combobox('clear');
            }
       },

I'll have to test and see if this behavior is consistent on older versions of jEasy.

When the remote call returns an empty array "[]" to the combobox, should the combobox clear existing options or should there be no change?

e.g.

Code:

$('#billingYear').combobox('reload', '/controls/ajax.aspx?a=getYears&Customer_Id=' + x + '&Serial=' + y);

This call can return "nothing" as a valid response, e.g. "[]". I would expect the combobox to clear all existing values. Instead it stays unchanged.

using version 1.4.3

Howdy...

I'm looking for clarification on the difference between onSelect and onClickRow with the Datagrid. What are the differences between why these two events fire?

onSelect seems to fire before the onClickRow, but both fire when the row is clicked. Is the onSelect tied into the row check box too?

Thanks.

Just for completeness, the root cause of the issue was:

We make a reload call based on certain conditions, and that sets the URL for the combobox. On load of the new JSON data for the drop down, once the URL is set the combobox makes another URL call for data using the cached URL value.

e.g.

Code:

$('#' + type + 'InitiatorThreshold').combobox('reload', '/controls/ajaxBankUsers.aspx?a=getThresholdListPlus&r=' + $('#Account').combobox('getValue') + '&i=' + $('#' + type + 'ThresholdId').val() + '&q=' + missingID);

So every time we load JSON data we need to set the URL back to null:

Code:

$('#' + trans[x] + 'InitiatorThreshold').combobox({ data: data[trans[x]].Thresholds, url: null });

(Thanks to your email support team. :-)

P.S. Not sure why both execute. I would think that when I load a JSON object for the data, that the URL wouldn't execute. But now that we know, we can avoid it.

Thanks - but that's not it. Added it and it's still behaving as if there is an event to fire after the JSON data is loaded.

I've sent a more detailed email to support requesting help. It's very consistent. Works as expected until the validation fails, then every time we reload the drop down options with a new JSON object something runs the previous reload command and rebuilds the drop down with data we don't want / require.

We have a combo box that is loaded with data dynamically based on the user selected. We pass a JSON object to the combobox to build the dropdown instead of pulling the data from an AJAX call directly:

Code:

$('#' + trans[x] + 'InitiatorThreshold').combobox({ data: data[trans[x]].Thresholds });

If an option is selected from a previous "state", that selection is *not* cleared when the combo box is loaded with new data.

The reason it's an issue, is just after loading the new data the validType event fires:

Code:

validType: 'exists["#' + trans[x] + 'InitiatorThreshold"]'

and it fails validation with a selected option that should not persist after a reload of the dropdown options.

Is this the intended behaviour of the drop down? Currently, we are setting the value of the drop down to index "0" prior to new data being loaded in order for it always to pass validation after rebuild.

Howdy...

We have a series of data grids that start out with their container divs hidden. These divs are not part of the data grid itself, e.g.

Code:

<div id="divDGOne" style="display:none;">
    <table id="dgOne" class="easyui-datagrid">
    ...
    </table>
</div>

The load event works fine, but when we toggle the display for the container div the data grid doesn't show the loaded data and the pagination / navigation shows at the "top" of the data grid as if the rows are collapsed. Once you click on the page next button, the data grid shows correctly. See attached images.

Any idea why the data grid is hiding to start with?

var win = ....

Ah, yes. Thanks.

Howdy...

We want to change the messager.confirm icon to "warning". Since there is no parameter for that (enhancement hint :-) we do the following:

Code:

$.messager.confirm('Title Text Here', 'Message Text Here', function ( r ) {
   ... blah blah blah...
   } 
}); 
$('.messager-icon, .messager-question').removeClass('messager-question').addClass('messager-warning');

Because we only have on confirm dialog on this page, that works. But we are looking for a better solution. Ideas?

Thanks. That helped. Please see following post on managing custom CSS while updating jEasyUI code base:

http://www.jeasyui.com/forum/index.php?topic=2809.0

Howdy...

We've encountered a few issues between updates of jEasyUI and want to know the best process for managing updates to the CSS styles between versions. We don't make changes directly to the styles (except in one instance where we've added additional icons), and therefore manage all custom CSS changes in our own files outside of the jEasy directory structure.

During the last two updates, we've encountered updates to the data grid and buttons CSS requiring changes on our end to keep the look and feel we designed. All I'm looking for is a recommended best practice to assist us with managing the CSS updates with future jEasyUI updates.

Thanks.

Thanks. I downloaded this and replaced my /plugins/jquery.datebox.js file with this one, and it worked until recently. I'm not sure what would have changed.

I just double checked the contents of my copy and it's identical to the one offered above.

Just to be clear, when I click "today" on the calendar it moves to the correct date but is not populating the datebox value. No JS errors are thrown.

Currently using Chrome browser 32.0.1700.76 m; Firefox 26.0.

It looks like the Today link on the DateBox calendar panel only sets the calendar to Today's date. It would be nice if it loaded today's date into the textbox. Either via the single click or double click.

Or am I mistaken how this link works?