Actually I have found a workaround for this. If you look in the debugger you can see that EasyUI creates IDs for each individual item in the combobox, as shown here.

The ID I used for the combobox is selShipMethod. So it takes this and adds on the rest of what you see here. I don't know what the "i4" part means, but the last digit is sequential so the first (blank) item will always be _0.

Code:

<div id="selShipMethod_easyui_combobox_i4_0" class="combobox-item combobox-item-selected"></div>
<div id="selShipMethod_easyui_combobox_i4_1" class="combobox-item">Next Day Priority</div>
<div id="selShipMethod_easyui_combobox_i4_2" class="combobox-item">Next Day Standard</div>

So in my style section I just add this CSS and that eliminates the blank line. Strangely, using display: none instead of visibility: hidden doesn't work.

Code:

#selShipMethod_easyui_combobox_i4_0 {visibility: hidden}

Even if there is a blank record, it is a bug because the line is only half height which makes no sense. But in this case the table has no blank records, and I don't want an option for the field to be blank.

When populating a combobox from a URL, I've noticed that the combobox has a blank item at the top even though the data doesn't have any blank records. This line is only about half the height of the data lines, as seen in this screen shot:
http://galcott.com/comfitdemo/combobox.jpg.

I don't want this line to appear at all so how can I get rid of it? This seems like a bug.

This is what I was looking for. That sample code should be in the documentation, since it doesn't currently include any explanation of how to use the filter function.

Even if you set precision to 0, it still allows the decimal point. I don't want to allow it at all. I'm using it to enter fields like Zip code and credit card number.

When using numberboxes, sometimes I want to allow a decimal point and other times not to allow it. I can't figure out how to do this. I see there is a filter property that takes a function, but absolutely no information on how to use it. Can you provide an example of a filter function, or another way to specify whether to allow a decimal? This is missing from the documentation. Thank you.

This code doesn't make sense to me. Why is it even necessary? And what is the enableClosed option? I can't find this anywhere in the documentation. It seems like the onBeforeClose event is not working as it should. Please explain.

I have a dialog and I would like the user to confirm when they try to close it. In the onBeforeClose event I call a function to display a confirmation dialog and return the result. However, the dialog always closes immediately and then the confirmation is shown after it closes! I have tried several ways to show the confirmation dialog - native JS confirm, your messager, and another library to display confirmations. The same result occurs no matter how I do it. I have also tried putting the onBeforeClose code in the data-options, which makes no difference. So what is the problem here and how do I fix it?

Code:

 
// ConfirmClose is the function where I ask for the confirmation, trying the different methods mentioned above
$('#dlgDataEntry').dialog({onBeforeClose: function() { return(ConfirmClose()) }}); //
$('#dlgDataEntry').dialog('open');

Yes, as I said I figured that out. But why isn't auto the default?

When using the combobox I noticed that the dropdown panel was usually much too big, even when there were only 2 or 3 choices. It took me quite a long time to figure out that this is controlled by panelHeight which defaults to 200. This needs to be set to 'auto'. Why isn't that the default? It makes no sense to have an arbitrary fixed height when there can be any number of items in the list.

I tried that, but it gets centered relative to the length of the content, and is still offscreen, probably in the same position it would have been without calling the center method. This definitely seems to be a bug, since there's no possible reason why you would want a dialog to be offscreen!

When I open a dialog on a page where the length of the page content is greater than the height of the browser, it is centered relative to the page length, not the browser window, so it appears offscreen vertically and you have to scroll down to see it, which is obviously not acceptable. I call the move method to move it to a specific position and this works, but it seems like a bug that the vertical centering is positioning it offscreen. Is this a bug or is it intended?