您的位置:首页 > Web前端 > JavaScript

ExtJS在传统模式、MVC模式下的使用区别

2015-09-13 23:04 836 查看
一、传统模式引用ExtJS
<link rel="Stylesheet" type="text/css" href="../../ExtJS/resources/css/ext-all.css" />
<link rel="Stylesheet" type="text/css" href="../../ExtJS/resources/css/xtheme-green.css" />
<script type="text/javascript" src="../../ExtJS/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ExtJS/ext-all.js"></script>

<script type="text/javascript">
function newWin() {
//alert('ok');
var win = new Ext.Window({
id: "MyProfile",
title: "用户资料:弹出窗口",
width: 800,
height: 400,
html: '<iframe id="frame_MyProfile" scrolling="auto" frameborder="0" width="100%" height="100%" src="User_View.aspx"></iframe>',
maximizable: false,
resizable: false,
modal: true,
listeners: {
close: function (_this) {
if (navigator.userAgent.indexOf("BIDU") > 0) {
alert(window.frames["frame_MyProfile"].document.all("txt_OrderID2").value);
}
else if (navigator.userAgent.indexOf("Chrome") > 0 || navigator.userAgent.indexOf("Firefox") > 0) {
alert(window.frames["frame_MyProfile"].contentWindow.document.getElementById("txt_OrderID2").value);
}
else {
alert(window.frames["frame_MyProfile"].document.all("txt_OrderID2").value);
}
}
},
});
win.show();
}
Ext.onReady(function () {
Ext.get("btnWindow").on("click", newWin);
});
</script>

<input id="btnWindow" type="button" value="弹出窗口" />
二、MVC模式下引用ExtJS
<link rel="Stylesheet" type="text/css" href="@Url.Content("~/ExtJS/resources/css/ext-all.css")" />
<link rel="Stylesheet" type="text/css" href="@Url.Content("~/ExtJS/resources/css/xtheme-green.css")" />
<script type="text/javascript" src="@Url.Content("~/ExtJS/adapter/ext/ext-base.js")"></script>
<script type="text/javascript" src="@Url.Content("~/ExtJS/ext-all.js")"></script>
<script type="text/javascript">
function newWin() {
var win = new Ext.Window({
id: "MyProfile",
title: "新增品牌:弹出窗口",
width: 800,
height: 400,
html: '<iframe id="frame_MyProfile" scrolling="auto" frameborder="0" width="100%" height="100%" src="@Url.Content("~/Products/Add")"></iframe>',
maximizable: false,
resizable: false,
modal: true,
});
win.show();
}
</script>

<input type="button" name="ShowWin" value="弹出窗口" onclick="newWin()" />
这里仅列出其中两点,当然还有很多地方不一样。在实际应用中具体问题,具体分析。

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: