親ビューのボタンをクリックしながら親ビューのIamjqueryuiダイアログで別のビューのコンテンツをロードしたい。次のコードで試してみました。ただし、jquery uiダイアログには、最初は別のビューのコンテンツが表示されますが、その後は別のビューのコンテンツは表示されません。
<button id="btn_newtrade" name="btn_newtrade" class="newtrade">New Trade</button>
<script type="text/javascript">
$(function () {
$('#dialog').dialog({
autoOpen:false,
width: 1400,
height:600,
resizable: false,
title: 'New Trades',
modal: true,
open: function(event, ui) {
$(this).load('@Url.Action("NewTrade","Trade")');
},
buttons: {
"Close": function () {
$(this).dialog("close");
}
}
});
});
$('.newtrade').click(function () {
$('#dialog').dialog('open');
});
</script>
<div id="dialog" style="display:none;"></div>