0

我有一个项目需要同时使用 EasyUI (Datagrid) 和 JQueryUI (Dialog Form) 库。当我导入 JQueryUI 库时，我在 EasyUI Datagrid Header Resize 功能上看到了一个奇怪的行为。如果我尝试手动调整标题大小，则仅调整标题单元格的大小（未调整此列的数据单元格的大小）。

请注意，双击标题单元格分隔有效，并将自动调整列大小为首选大小。当您尝试通过单击和滑动来调整大小（手动定义列的大小）时，会出现此问题。

如果我不导入 JQueryUI 库，那么我确认数据网格的调整列大小功能工作正常。所以我猜这两个库之间一定存在某种冲突，但我不确定如何解决这个问题。

要重现，很容易，您只需要包含不同的库并创建一个数据网格。

<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">  
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">  
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">  


 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>  
<script type="text/javascript" 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">

...

我创建了一个小的 jsfiddle 项目来说明这个问题，请参阅http://jsfiddle.net/melane/vmDP8/

您可以自己看到标题单元格大小的更改并未应用于数据单元格。你知道我怎么能解决这个问题吗？

谢谢

4

1 回答 1

1

事实上，我从 EasyUI 框架的开发者那里得到了答案，这两个框架之间的不兼容根本不可能解决。于是，我改用 EasyUI 的对话框，摆脱了对 JQuery-UI 框架的依赖：

<div id="dialog" class="easyui-dialog" title="Action" style="width:317px;height:260px" data-options="
    modal:true,
    closed:true,
    buttons:[{
      text:'Cancel',
      iconCls:'icon-cancel',
      handler:function(){
          $('#dialog').dialog('close');
      }
    }]
">

对于感兴趣的人，这在http://jsfiddle.net/vmDP8/11/上进行了说明

于 2013-05-29T03:26:43.970 回答