2013-02-26 51 views
3

我有以下局部視圖來創建列表框:MVC 4創建可調整大小的列表框

@model App.ValueObjects.DummyVo 
@using App.Client.Mvc.Helpers.HtmlHelpers 

@Html.ListBoxFor(model => model.SelectedContractIds, new MultiSelectList(ViewBag.Contracts, "Id", "ContractNo"), new { @class="ui-resizable ui-resizable-helper" }) 

即局部視圖動態地使用AJAX命令調用。

在主視圖中,我有以下的div:

<div id="contractList"> 
</div> 

這是用於包含動態創建的列表框中。

然後,我還應用以下的javascript到主視圖:

$(document).ready(function() { 
    $('#contractList').resizable(); 
} 

在 '可調整' 是從JQuery的-UI-1.9.2.js。 的問題是:

  • 的div「調整大小」的行爲只能當DIV有什麼也沒有,即當AJAX命令已被調用,以創建列表框中的「調整大小」不起作用了。

請給出一些關於如何處理這個問題的建議,謝謝! (其它替代方案,歡迎爲好)

+0

什麼是的輸出來自MVC的頁面? (在瀏覽器中查看源代碼) – 2013-02-26 03:24:08

+0

您是否可以包含進行AJAX調用的代碼? – 2013-02-26 03:25:20

回答

2

一個解決辦法是在阿賈克斯成功呼叫添加內容到目標DIV回來後,再調用調整大小像

success:function(data){ 
    $('#contractList').resizable(); 
    } 
+0

這樣做 – 2013-02-26 04:16:09

相關問題