MVC 4创建可调整大小的列表框

Question

我有以下部分视图来创建一个列表框：

@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();
}

'Resizable'来自JQuery-ui-1.9.2.js。 问题是：

• div的'resizable'行为仅在DIV中没有任何内容时起作用，即当调用AJAX命令创建列表框时，'resizable'不再起作用。

请提供一些如何处理此问题的建议，谢谢！ （也欢迎其他替代方案）

Answer 1

一个解决方案可能是在将内容添加到目标div之后在ajax成功回调中，重新调用可调整大小的

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