Next code works well in EasyUI 1.4.1 version:
<html>
<head>
<link rel="stylesheet" type="text/css" href="/lib/js/jeasyui1.4.1/themes/default/easyui.css" />
<script type="text/javascript" src="/lib/js/jeasyui1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="/lib/js/jeasyui1.4.1/jquery.easyui.min.js"></script>
</head>
<body>
<div id="dlgNodeHandle" class="easyui-dialog" style="padding:10px;" title="TestResizeDialog" data-options="width:600,height:450,modal:true,closed:false,resizable:true">
<table cellspacing="0" cellpadding="4" border="1" width="100%" height="100%">
<tr>
<td valign="top">
<input class="easyui-textbox" name="tbHandleInfo" data-options="multiline:true" style="width:100%;height:100%"/>
</td>
</tr>
</table>
</div>
</body>
</html>
When resize dialog, Inner textbox will auto-resize and fit whole dialog. But if change EasyUI Latest Version 1.4.4, It Seems not run ok:
<html>
<head>
link rel="stylesheet" type="text/css" href="/lib/js/themes/default/easyui.css" />
<script type="text/javascript" src="/lib/js/jquery.min.js"></script>
<script type="text/javascript" src="/lib/js/jquery.easyui.min.js"></script>
</head>
<body>
<div id="dlgNodeHandle" class="easyui-dialog" style="padding:10px;" title="TestResizeDialog" data-options="width:600,height:450,modal:true,closed:false,resizable:true">
<table cellspacing="0" cellpadding="4" border="1" width="100%" height="100%">
<tr>
<td valign="top">
<input class="easyui-textbox" name="tbHandleInfo" data-options="multiline:true" style="width:100%;height:100%"/>
</td>
</tr>
</table>
</div>
</body>
</html>
Notice that if textbox is the only elements in dialog, it works well in both two version, but if textbox in table, it can not work.
plz check.
Don't use <table> for layouts. The <div> with CSS offers more flexibility than <table>. If you really want to use the <table> layout, please add the code below to the dialog's 'onResize' event handler.
$('#dlgNodeHandle').dialog({
onResize: function(){
$(this).find('.textbox-f').each(function(){
$(this).next().css({width:1,height:1});
}).textbox('resize')
}
})