easy ui and jquery-ui resize conflict

The resize function of the easy-ui datagrid is not working properly when importing jquery-ui library

by melane

HTML

<link rel="stylesheet" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" href="http://www.jeasyui.com/easyui/themes/icon.css">
<link rel="stylesheet" href="http://www.jeasyui.com/easyui/demo/demo.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<table id="dg" title="My Users" class="easyui-datagrid" style="width:700px;height:250px"  
            toolbar="#toolbar" pagination="true"  
            rownumbers="true" fitColumns="true" singleSelect="true">  
        <thead>  
            <tr>  
                <th field="firstname" width="50">First Name</th>  
                <th field="lastname" width="50">Last Name</th>  
                <th field="phone" width="50">Phone</th>  
                <th field="email" width="50">Email</th>  
            </tr>  
        </thead>  
        <tbody>  
        <tr>  
            <td>Foo</td><td>Bar</td><td>111222333</td><td>[email protected]</td> 
        </tr>  
        </tbody>  
</table>
                
        <div id="toolbar">  
        <a href="javascript:;" onclick="openDialog()">Open Dialog</a>  
         </div>
                
  <div id="dialog" title="Action" style="display:none">
  <form>
    <fieldset>
      <label for="comment" style="display: block;margin: 2px;">Comments:</label>
      <textarea id="comments" class="text ui-widget-content ui-corner-all" style="margin: 2px; height: 114px; width: 184px;"></textarea>
    </fieldset>
  </form>
</div>

JavaScript

function openDialog(){
    	//store the key of the row in hidden field
      var buttonDefs = {};
      buttonDefs['Cancel'] = function() { $( this ).dialog( "close" ); };

      $("#dialog").dialog({
        autoOpen: false,
        height: 260,
        width: 317,
        modal: true,
        buttons: buttonDefs
      });

      $('#dialog').dialog('open');

    }