Thanks Kevin. It's my fault, I forgot to update the easyui.css.
There is another issue here. If we maximize the Dialog in a iframe, the iframe will display scroll bar in IE9, but it is ok in chrome.

The close, maximize and minimize buttons of dialog title bar cannot display in 1.2.5 and 1.2.6, even set the closable, maximizable and minimizable to true explicitly.

Thanks tslatt. In fact, the example is trying to add 2 buttons to the Panel toolbar, not the title bar.

We can show a icon on the Panel title bar by setting the iconCls property, can we set an event handler for the icon, which will be fired when clicking on the icon? Or can we add some buttons with handler to the Panel title bar?

Is the Messager support key event?
For example, using Messager.alert, can we close the dialog by pressing Enter (as clicking on the OK button)?

Got it, thank you very much!

How can we get the datagrid column title? For example:
<table class="easyui-datagrid">
    <thead>
        <tr>
            <th field="Name" width="60">Name</th>
            <th field="Sex" width="35">Sex</th>
        </tr>
    </thead>
</table>
How can we get the "Name" and "Sex" text? Thanks in advance.

Very appreciate stworthy's hard work!
When using EasyUI 1.2.4 with jQuery 1.6.2, I found 2 little issues.
1. Set the hidden property of datagrid column to true, the column could not be hidden. (using jQuery 1.5.2 in IE is ok, but also could not be hidden in Firefox)
2. The error message box always showing even disabled the validationbox. (again, using jQuery 1.5.2 is ok)

The problem was not solved by calling fitColumns/fixColumnSize/resize, but it is ok when run in Firefox 5.0. The following is the code:
<table id="dgCapacity" singleSelect="true" url="@Url.Action("CapacityList")" style="width:424px;height:auto;">
      <thead>
          <tr>
              <th field="YearMonth" width="80" align="center">年月</th>
              <th field="TypeNO" width="80">型号</th>
              <th field="Quantity" width="80" align="right">订单总数</th>
              <th field="LineDays" width="80" align="right">工作线日</th>
              <th field="Percentage" width="80" align="right">百分比</th>
          </tr>
      </thead>
</table>
<script type="text/javascript">
        $(function () {
            $("#dgCapacity").datagrid({
                queryParams: { StartYearMonth: '201107', EndYearMonth: '201107' },
                onLoadSuccess: function (data) {
                    var rowIndex = 0, rowSpan = 1;
                    var rows = $(this).datagrid("getRows");
                    for (var i = 0; i < rows.length; i++) {
                        if (rows.TypeNO.substr(0, 4) == "ZZZZ") {
                            $(this).datagrid("mergeCells", { index: rowIndex, field: "YearMonth", rowspan: rowSpan });
                            rowIndex = i + 1;
                            rowSpan = 1;
                        }
                        else {
                            rowSpan++;
                        }
                    }
                }               
            });
        });
</script>

easyui: 1.2.3
browser: IE8
test code see attached screenshot.

I setted the datagrid width to a specific number, and setted the datagrid height to 'auto'.
After calling mergeCells method (I called it in onLoadSuccess event handler), the vertical scrollbar displayed! And the cells of the body did not align to the cells of the header again!
BTW, it is perfect if we can set the alignment of the header text and the alignment of the body cells text separately.

Please see attached screenshot for details.

There is a "success" event in form plugin, which will be fired when the form is submitted success, but what if the submission is failed? Do we have a event something like "error"?

If do not set the dialog width (I wanna the dialog width fit its content automatically), the dialog shadow will display incrrectly at the first time, but if close it and then open it again, it works.

Cool, I can't wait to see it!