リモートasp.netビューを適切にロードするためにできるパターンや何かがありますか? 基本的に次のようなインデックス ページがあります。
インデックスページは以下を使用して正常に動作しますnew kendo.mobile.Application(document.forms[0])
:
<form runat="server">
<div data-role="view" id="indexPageInitialView"> ... </div>
<div data-role="view" id="indexPageOtherView"> ... </div>
</form>
リモート ビュー ページの問題:
<form runat="server">
<div data-role="view" id="remoteView1"> ... </div>
<div data-role="view" id="remoteView2"> ... </div>
</form>
Kendo が body タグ内の [せいぜい] 子孫になることができるリモート ビューをロードすることを知っているので、ここで隅に追いやられていると思います。
更新 form タグで囲まれたリモート ビューを単純に読み込もうとすると、次のエラーが発生します。
Uncaught TypeError: Cannot call method 'getAttribute' of undefined kendo.all.min.js:9
kendo.initWidget kendo.all.min.js:9
w.extend._createView kendo.all.min.js:31
w.extend._createRemoteView kendo.all.min.js:31
(anonymous function) kendo.all.min.js:31
l jquery.min.js:2
c.fireWith jquery.min.js:2
T jquery.min.js:2
r
リモート ビュー内にフォーム タグをネストすると機能しますが、これは実行可能な解決策ではありません。
更新 2 これは私の状況のより完全な例です。
インデックス.aspx:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Index</title>
</head>
<body>
<form runat="server">
<div id="indexPageInitialView" data-role="view">
<div data-role="content">
<a href="remote.aspx" data-role="button">Load remote view</a>
</div>
</div>
</form>
<script src="jquery.min.js"></script>
<script src="kendo.all.min.js"></script>
<script>
var app = new kendo.mobile.Application(document.forms[0]);
</script>
</body>
</html>
リモート.aspx:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Remote</title>
</head>
<body>
<form runat="server">
<div id="remoteView1" data-role="view">
<div data-role="content">
<h1>Hi I am a remote view</h1>
</div>
</div>
</form>
</body>
</html>