ExtJS新手 this.el.dom 为空或不是对象
难道是没有引入相关js文件？代码如下，请高手调试。<html><head><title></title><linkrel="stylesheet"type="text/c...
难道是没有引入相关js文件？
代码如下，请高手调试。
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../ext-2.3.0/resources/css/ext-all.css">
<script type="text/javascript" src="../ext-2.3.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-2.3.0/ext-all.js"></script>
<script type="text/javascript" src="../ext-2.3.0/ext-core.js"></script>
<script type="text/javascript" src="../ext-2.3.0/source/widgets/ProgressBar.js"></script>
</head>
<body>
<script type="text/javascript">
/**
* 手动模式调用格式：
* updateProgress([Float value], [String text])
*/
Ext.onReady(function(){
var progressBar = new Ext.ProgressBar({
text: 'Loading...',
width: 300,
applyTo: 'progressBar'
});
var count = 0; //滚动条刷新次数
var percentage = 0; //进度百分比
var progressText = ''; //进度条信息
Ext.TaskMgr.start({
run: function(){
count++;
if (count > 10) {
progressBar.hide();
}
percentage = count / 10;
progressText = "已完成：" + percentage * 100 + "%";
progressBar.updateProgress(percentage, progressText);
},
interval: 1000
});
});
</script>
</body>
</html> 展开
代码如下，请高手调试。
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../ext-2.3.0/resources/css/ext-all.css">
<script type="text/javascript" src="../ext-2.3.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-2.3.0/ext-all.js"></script>
<script type="text/javascript" src="../ext-2.3.0/ext-core.js"></script>
<script type="text/javascript" src="../ext-2.3.0/source/widgets/ProgressBar.js"></script>
</head>
<body>
<script type="text/javascript">
/**
* 手动模式调用格式：
* updateProgress([Float value], [String text])
*/
Ext.onReady(function(){
var progressBar = new Ext.ProgressBar({
text: 'Loading...',
width: 300,
applyTo: 'progressBar'
});
var count = 0; //滚动条刷新次数
var percentage = 0; //进度百分比
var progressText = ''; //进度条信息
Ext.TaskMgr.start({
run: function(){
count++;
if (count > 10) {
progressBar.hide();
}
percentage = count / 10;
progressText = "已完成：" + percentage * 100 + "%";
progressBar.updateProgress(percentage, progressText);
},
interval: 1000
});
});
</script>
</body>
</html> 展开
展开全部
首先，你的
<script type="text/javascript">...</script>
应该写在<header>和</header>中间。
applyTo: 'progressBar'
这个属性的意思，就是页面上有一个ID为'progressBar'的元素，然后把你的进度条显示在那个地方。你的<body>里面就没有这样一个HTML元素，当然就会出错了。
解决办法：
在<body>和</body>加一个
<div id="progressBar"></div>
标签不一定非得是<div>，只要是个容器就行。
<script type="text/javascript">...</script>
应该写在<header>和</header>中间。
applyTo: 'progressBar'
这个属性的意思，就是页面上有一个ID为'progressBar'的元素，然后把你的进度条显示在那个地方。你的<body>里面就没有这样一个HTML元素，当然就会出错了。
解决办法：
在<body>和</body>加一个
<div id="progressBar"></div>
标签不一定非得是<div>，只要是个容器就行。
本回答由提问者推荐
已赞过
已踩过<
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
