我修改tabs-adv.js:...
function addTab(i){
tabs.add({
title: '新标签 ' + (++index),
iconCls: 'tabs',
autoLoad: { url: "WebForm2.aspx", scripts: true },
closable:true
}).show();
}
...然后有个页面WebForm2.aspx如下<body>
<form id="form1" runat="server">
<input type="button" id="btn" onclick="add()" />
<div id="heihei"></div>
</form>
<script type="text/javascript">
function add() {
var div = document.getElementById("heihei");
div.innerHTML = "添加";
}
</script>
</body>
然后我在一个页面中写:<html>
<head runat="server">
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<title>Advanced Tabs</title>
<link href="ext-3.0.3/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script src="ext-3.0.3/adapter/ext/ext-base.js" type="text/javascript"></script> <script src="ext-3.0.3/ext-all.js" type="text/javascript"></script> <link href="ext-3.0.3/examples/tabs/tabs-example.css" rel="stylesheet" type="text/css" /> <script src="ext-3.0.3/examples/ux/TabCloseMenu.js" type="text/javascript"></script> <script src="ext-3.0.3/examples/tabs/tabs-adv.js" type="text/javascript"></script> <link href="ext-3.0.3/examples/shared/examples.css" rel="stylesheet" type="text/css" />
</head>
<body> <script src="ext-3.0.3/examples/shared/examples.js" type="text/javascript"></script> <input type="button" id="btn" name="btn" />
<div>
<div id="tabs" style="margin: 15px 0;">
</div>
</div>
</body>
</html>
然后运行这个界面,能够正常加载WebForm2.aspx,但是我点击WebForm2中的按钮就会报错,说缺少对象,请问是什么原因?
小弟第一次用ExtJS,对其还不太了解.多谢
function addTab(i){
tabs.add({
title: '新标签 ' + (++index),
iconCls: 'tabs',
autoLoad: { url: "WebForm2.aspx", scripts: true },
closable:true
}).show();
}
...然后有个页面WebForm2.aspx如下<body>
<form id="form1" runat="server">
<input type="button" id="btn" onclick="add()" />
<div id="heihei"></div>
</form>
<script type="text/javascript">
function add() {
var div = document.getElementById("heihei");
div.innerHTML = "添加";
}
</script>
</body>
然后我在一个页面中写:<html>
<head runat="server">
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<title>Advanced Tabs</title>
<link href="ext-3.0.3/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script src="ext-3.0.3/adapter/ext/ext-base.js" type="text/javascript"></script> <script src="ext-3.0.3/ext-all.js" type="text/javascript"></script> <link href="ext-3.0.3/examples/tabs/tabs-example.css" rel="stylesheet" type="text/css" /> <script src="ext-3.0.3/examples/ux/TabCloseMenu.js" type="text/javascript"></script> <script src="ext-3.0.3/examples/tabs/tabs-adv.js" type="text/javascript"></script> <link href="ext-3.0.3/examples/shared/examples.css" rel="stylesheet" type="text/css" />
</head>
<body> <script src="ext-3.0.3/examples/shared/examples.js" type="text/javascript"></script> <input type="button" id="btn" name="btn" />
<div>
<div id="tabs" style="margin: 15px 0;">
</div>
</div>
</body>
</html>
然后运行这个界面,能够正常加载WebForm2.aspx,但是我点击WebForm2中的按钮就会报错,说缺少对象,请问是什么原因?
小弟第一次用ExtJS,对其还不太了解.多谢
另外js包太大了,我后来还是选了jquery,在这个基础上再找免费控件
就在那加载<link href="ext-3.0.3/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script src="ext-3.0.3/adapter/ext/ext-base.js" type="text/javascript"></script> <script src="ext-3.0.3/ext-all.js" type="text/javascript"></script> <link href="ext-3.0.3/examples/tabs/tabs-example.css" rel="stylesheet" type="text/css" /> <script src="ext-3.0.3/examples/ux/TabCloseMenu.js" type="text/javascript"></script> <script src="ext-3.0.3/examples/tabs/tabs-adv.js" type="text/javascript"></script> <link href="ext-3.0.3/examples/shared/examples.css" rel="stylesheet" type="text/css" />
问题出在ext-all.js里,但是这个js文件没法断点,不信你试试,我P8600 3G 打开ext-all.js,然后格式化文本,VS死掉....我就是想问问有没有碰到过类似情况的,如何解决..