EasyUI和jQueryUI的庫上調整大小

衝突我有一個項目，我需要同時使用EasyUI（Datagrid的）和jQueryUI的（對話形式）庫。當我導入JQueryUI庫時，在EasyUI Datagrid Header Resize特性中看到一個奇怪的行爲。如果我嘗試手動調整標題大小，則只調整標題單元格大小（此列的數據單元格不會調整大小）。EasyUI和jQueryUI的庫上調整大小

注意在標題細胞分離雙擊工作，並會自動調整大小的首選大小列。當您嘗試通過單擊和滑動（手動定義列的大小）來調整大小時，會出現問題。

如果我不進口jQueryUI的庫，然後我確認DataGrid的調整列寬功能工作正常。所以我猜猜這兩個庫之間肯定會有一種衝突，但我不確定如何解決這個問題。

要重現，很容易，你只需要包含不同的庫，並創建一個數據網格。

<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/

您可以看到自己的頭單元格大小的變化不適用於數據單元。你知道我該如何解決這個問題嗎？

感謝

來源

2013-05-17 Melanie

其實，我從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-29 03:26:43 Melanie

EasyUI和jQueryUI的庫上調整大小

回答

相關問題