3

リストボックスを作成するための次の部分的なビューがあります。

@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コマンドが呼び出された場合、「サイズ変更可能」は機能しなくなります。

これを処理する方法についてアドバイスをお願いします、ありがとう！（他の選択肢も歓迎します）

4

1 に答える 1

2

1つの解決策は、コンテンツをターゲットdivに追加した後のajax成功コールバックにあり、次のようにサイズ変更可能なものを再呼び出しします

 success:function(data){
   $('#contractList').resizable();
  }
于 2013-02-26T03:27:17.620 に答える