87,997
社区成员
发帖
与我相关
我的任务
分享asp.net 母版和 extjs的Formpanel
近日在写一个ASP.net下的应用，使用到母版，但在内容页想使用ExtJS的FormPanel时，不能正常将FormPanel applyTo 一个div中。只能applyTo:document.body，
如果使用
var form1 = new Ext.FormPanel({ applyTo:"divId"})
时，页面加载时会提示未知运行时异常。
我使用的是ExtJs3.0
环境是VS2008。
如果使用
var form1 = new Ext.FormPanel({ applyTo:"divId"})
时，页面加载时会提示未知运行时异常。
我使用的是ExtJs3.0
环境是VS2008。
...全文
请发表友善的回复…
发表回复
EricPan2023 2010-02-23
- 打赏
- 举报
樓下沒人啦？有人回一下不？呵呵
EricPan2023 2010-02-23
- 打赏
- 举报
母版页加内容页最后生成的代码就这样子。
经测试，如果ApplyTo的目标是body没有问题，如果ApplyTo的目标是一个在Asp.net表单中的某一个Div对象时则会有提示runtime error.
存为普通的HTML文件都会这样。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
母版和ExtJS
</title><link href="ext-3.0.0/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="ext-3.0.0/adapter/ext/ext-base-debug.js" type="text/javascript"></script>
<script src="ext-3.0.0/ext-all-debug.js" type="text/javascript"></script>
<script type="text/javascript">
Ext.onReady(function()
{
var pnl1 = new Ext.Panel({
applyTo: 'extPnl1',
contentEl: 'tb1',
width: 90
});
var form2 = new Ext.FormPanel({
applyTo: Ext.get("ex1tForm2")
, width: 99
, height: 200
, items: [
{ tag: 'h1', text: '表单测试' },
{ tag: 'h3' },
new Ext.Button({ text: 'ok', width: 90, handler: function() { Ext.Msg.alert('提示', 'ok'); } })
]
});
});
</script>
</head>
<body>
<span>表单前</span><br />
<form name="aspnetForm" method="post" action="Default.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY1NDU2MTA1MmRkDXlRaIKsQ0iGR2y/ymBWOJ7rHMQ=" />
</div>
<span>PlaceHolder前</span><br />
<div>
<div id="extPnl1">
<table id="tb1">
<tr>
<th>H1</th><th>H2</th>
</tr>
<tr>
<td>1.1</td><td>1.2</td>
</tr>
</table>
</div>
<div id='ex1tForm2'>
</div>
</div>
<br />
<span>PlaceHolder后</span><br />
</form>
<span>表单后</span><br />
</body>
</html>
EricPan2023 2010-02-23
- 打赏
- 举报
没看出区别。最终生成的HTML是一样，我是在脚本中加入
Ext.onReady(function(){
var form2 =
new Ext.Form({
applyTo:document.body,
items:[new Ext.Button({text:'ok'})
]
})
});
lin364653705 2010-02-23
- 打赏
- 举报
在你的母版页当中，是否正确引用了ext所需文件？ext-base.js这些？
另外，你的DIV是写在母版页中，用内容页来 applyTo??
另外，你的DIV是写在母版页中，用内容页来 applyTo??
KK3K2005 2010-02-23
- 打赏
- 举报
applyto的调用时机控制的对不对
孟子E章 2010-02-23
- 打赏
- 举报
一般都是错误使用了html元素的id导致的。你可以比较最终生成的html源代码正常与不正常的情况下有什么区别
EricPan2023 2010-02-23
- 打赏
- 举报
對呀，就是想知道問題在哪。
單純運行母版和內容頁沒問題，是一個空白的頁面，<body>中只有一個form生成。
腳本在純HTML檔中亦可以向<body>添加一個FormPanel。
但合起來就有問題。
單純運行母版和內容頁沒問題，是一個空白的頁面，<body>中只有一個form生成。
腳本在純HTML檔中亦可以向<body>添加一個FormPanel。
但合起來就有問題。
孟子E章 2010-02-23
- 打赏
- 举报
母板頁+内容页的最终结果也是html，如果你在html里测试是可以的，那么，在母板頁+内容页里也应当是是可以的。除非你的写法有问题
EricPan2023 2010-02-23
- 打赏
- 举报
可這個跟ID沒關系，都沒使用過服務器端控件，只是一個普通的母板頁加內容頁，然後在內容頁上使用ExtJS框架，顯示一個FormPanel在Document.Body中。
孟子E章 2010-02-23
- 打赏
- 举报
在使用到服务器控件客户端id的时候需要使用服务器控件的ClientID来生成，不能直接使用ID属性
rjzou2006 2010-02-09
- 打赏
- 举报
等楼下回答。。。。。。。。。
