2011-03-01 69 views
2

我一直在嘗試使用JQuery UI創建可調整大小的div,該大小也將調整div中包含的表的大小。可調整大小的JQuery UI無法取消以編程方式取消調整大小

$("#WorkRequests").resizable({ 
     minWidth: $("#WorkRequests").width(), 
     maxWidth: $("#WorkRequests").width(), 
     handles: 's', 
     resize: function (event, ui) { 
      var minRows = 10; 
      var rowHeight = 35; 
      var rows = $("#tbl-WorkRequests-page-size").val(); 

      if ((rows * rowHeight) > $("#WorkRequests").height()) { 
       if (rows > minRows) { 
        $("tbl-WorkRequests-page-size").val((rows - minRows).toString()); 
       } else { 
        return false; 
       } 
      } 
     } 
    }); 

然而,當他們調整div的太小,以至於「返回false」;它並不像其他JQuery UI那樣取消resize事件。爲什麼?

而且下面一行:

$("tbl-WorkRequests-page-size").val((rows - minRows).toString()); 

應設置一個選擇列表的價值,但是它沒有,爲什麼?

謝謝, 亞歷克斯。

+0

嗨,亞歷克斯!你可以請發佈這個HTML代碼。謝謝:) – 2011-03-01 06:12:09

+0

如果你可以發佈HTML,那會更好。至少有關的位。如果返回false不起作用,您是否嘗試過更改'resize'方法中的minHeight值?這會鉤住jqueryUI自己的檢查方法 – JohnP 2011-03-01 16:00:43

回答

0

原來在這條線

$("tbl-WorkRequests-page-size").val((rows - minRows).toString()); 

我錯過了#,對不起你們,我應該張貼的HTML。

$("#tbl-WorkRequests-page-size").val((rows - minRows).toString()); 

謝謝, 亞歷克斯。

1

簡短的回答是:這是不可能的,因爲draggable沒有正確實現。返回false應該停止事件,但不幸的是,這對於可調整大小沒有正確實施。

相關問題