EXTJS tab 切换时提示 错误 TypeError: can't convert undefined to objecthttp://localhost:2789/jquery-easyui/min/jquery-1.8.0.min.jsLine 2问题会出在哪 ? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 tab切换的那一下会出现这个问题.. 有时候还切换不了 报的是jquery-1.8.0.min.js的错... 这... 猜不出 //正常添加窗体 var panel = Ext.create('Ext.Panel', { height: 200, width: 320, id: strspot[a], title: strspot[a], renderTo: 'Div1',//指向的容器 headerCssClass: 'x-panel-header-title',//给顶部TITLE定义指定的class用来修改css closable: true, frame: true, footer: true,//创建底部 componentCls: 'floatpl',//排序样式 bufferResize: true,//窗体的样式在内存中缓冲布局 默认100ms 适用与高开销的布局 close: function () { //alert(this.id); var nodes = $('#tt2').tree('getChecked');//获取所有被勾选的值 // alert(this.id); for (var a = 0; a < nodes.length; a++) {//在所有已选的checkbox中寻找匹配的节点,然后取消节点 if (nodes[a].text == this.id) { $("#tt2").tree('uncheck', nodes[a].target); } } this.destroy();//移除元素 } }); divid = "chart_" + strspot[a]; var name = strspot[a].replace('#', '¥'); var tabs = new Ext.TabPanel({ id: strspot[a] + '-tab', renderTo: strspot[a] + '-body', tabCls: 'tab-class' }); var json = [{ title: "实时数据", loader: { url: 'RealValue.aspx?name=' + name, contentType: 'html' }, listeners: { activate: function (tabs) { // try { setTimeout(function () { tabs.loader.load(); // $("#values").attr("value","sa"); }, 200); setInterval(function () { tabs.loader.load(); }, 5000); // } // catch (er) { // }; } } }, { title: "实时曲线", html: "<div id=" + divid + " style=height: 130px;width: 100% ></div>", afterRender: function () { var chart = new Highcharts.Chart({ chart: { height: 130, renderTo: divid, type: 'spline', animation: Highcharts.svg, // don't animate in old IE marginRight: 10, events: { load: function () { // set up the updating of the chart each second var series = this.series[0]; var realvalue; setInterval(function () { $.post("DataManager.ashx", { type: "getspots" }, function (data) { for (var x = 0; x < data.length; x++) { try { if (data[x].value != "") { if (data[x].name == divid.replace("chart_", "")) { realvalue = data[x].value; } } } catch (er) { }; } }, 'json') if (realvalue == undefined) { realvalue = null; } else { if (realvalue == "运行") { realvalue = 1; } realvalue = parseInt(realvalue); } var x = (new Date()).getTime() + 8 * 60 * 60 * 1000, // current time y = realvalue; // alert(x + ":" + y); series.addPoint([x, y], true, true); }, 2000); } } }, title: { text: null }, xAxis: { type: 'datetime', tickPixelInterval: 150 }, yAxis: { title: { text: null }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { formatter: function () { return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' + Highcharts.numberFormat(this.y, 2); } }, legend: { enabled: false }, credits: { enabled: false }, exporting: { enabled: false }, series: [{ name: divid.replace("chart_", ""), data: (function () { // generate an array of random data var data = [], time = (new Date()).getTime(), i; for (i = -300; i <= 0; i++) { data.push({ x: time + i * 1000 + 8 * 60 * 60 * 1000,//这里取到的是格林志时间,相差8个小时 y: function () { return null; } }); } return data; })() }] }); } } ]; Ext.getCmp(strspot[a] + '-tab').add(json); Ext和jquery-easyui混合用???这2个确实冲突的厉害还有 你的jquery-1.8是单独的吧,把他放在jquery-easyui的上面 这里面没有easyui的 easyui我只用了tree 在tree的事件里面添加EXT的panel和tab tab中有一个一般页面和一个Highchart 绝大多数情况是正常的 但是偶尔会出现无法切换的问题 我的头部引入 <link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href="../themes/icon.css" rel="stylesheet" type="text/css" /> <script src="../jquery-easyui/min/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="../highchart/js/highstock.js"></script> <script src="../highchart/js/highcharts-more.js"></script> <script src="../highchart/js/modules/exporting.js"></script> <script src="../jquery-easyui/min/jquery.easyui.min.js" type="text/javascript"></script> <link href="../extjs4.07/ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" /> <script src="../extjs4.07/ext-4.0.7-gpl/ext-all-debug.js"></script> <script src="../extjs4.07/ext-4.0.7-gpl/ext-all.js"></script> <script src="../extjs4.07/ext-4.0.7-gpl/bootstrap.js"></script> <script src="../extjs4.07/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script> 这里面没有easyui的 easyui我只用了tree 在tree的事件里面添加EXT的panel和tab tab中有一个一般页面和一个Highchart 绝大多数情况是正常的 但是偶尔会出现无法切换的问题还有 你的jquery-1.8是单独的吧,把他放在jquery-easyui的上面 不知道我有没理解错你的意思我改成这样 <link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href="../themes/icon.css" rel="stylesheet" type="text/css" /> <script src="../jquery-easyui/min/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="../jquery-easyui/min/jquery.easyui.min.js" type="text/javascript"></script> <script src="../highchart/js/highstock.js"></script> <script src="../highchart/js/highcharts-more.js"></script> <script src="../highchart/js/modules/exporting.js"></script> <link href="../extjs4.07/ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" /> <script src="../extjs4.07/ext-4.0.7-gpl/ext-all-debug.js"></script> <script src="../extjs4.07/ext-4.0.7-gpl/ext-all.js"></script> <script src="../extjs4.07/ext-4.0.7-gpl/bootstrap.js"></script> <script src="../extjs4.07/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script>错误还是在我切换TAB的时候出现了 如果不是冲突问题,那么就用ff调试一下注意看是否是tab切换的时候另一个tab加载的是否有问题还有就是查询下到底是js的哪一行报错 line 18561 scope = active.scope,ERROR:TypeError: can't convert undefined to object 请教大家一个语法问题,很急,谢谢 jQuery中toggle为什么点第一次没用第二次才有用 jquery隐藏按钮 盛大面试题:js检查页面上有无重复id(可用框架jquery,加分后重发) 正则表达式问题 看不明白 javascript 如何设置body的属性 请问各位大侠,一个关于onclick的问题! 大家能否帮忙写一个小程序(或给一个差不多的例子) 请问,父窗口的参数怎样传递到子窗口? 在线等,急用 网站发布后,别人访问有时需要刷新几次网页才能显示? GridPanel 显示/隐藏列问题
tab切换的那一下会出现这个问题.. 有时候还切换不了 报的是jquery-1.8.0.min.js的错... 这... 猜不出
//正常添加窗体
var panel = Ext.create('Ext.Panel', {
height: 200,
width: 320,
id: strspot[a],
title: strspot[a],
renderTo: 'Div1',//指向的容器
headerCssClass: 'x-panel-header-title',//给顶部TITLE定义指定的class用来修改css
closable: true,
frame: true,
footer: true,//创建底部
componentCls: 'floatpl',//排序样式
bufferResize: true,//窗体的样式在内存中缓冲布局 默认100ms 适用与高开销的布局
close: function () {
//alert(this.id);
var nodes = $('#tt2').tree('getChecked');//获取所有被勾选的值
// alert(this.id); for (var a = 0; a < nodes.length; a++) {//在所有已选的checkbox中寻找匹配的节点,然后取消节点
if (nodes[a].text == this.id) {
$("#tt2").tree('uncheck', nodes[a].target);
}
}
this.destroy();//移除元素
}
});
divid = "chart_" + strspot[a];
var name = strspot[a].replace('#', '¥');
var tabs = new Ext.TabPanel({
id: strspot[a] + '-tab',
renderTo: strspot[a] + '-body',
tabCls: 'tab-class'
});
var json = [{
title: "实时数据",
loader: {
url: 'RealValue.aspx?name=' + name,
contentType: 'html'
},
listeners: {
activate: function (tabs) {
// try {
setTimeout(function () {
tabs.loader.load();
// $("#values").attr("value","sa");
}, 200);
setInterval(function () {
tabs.loader.load();
}, 5000);
// }
// catch (er) { // };
}
}
},
{
title: "实时曲线",
html: "<div id=" + divid + " style=height: 130px;width: 100% ></div>",
afterRender: function () {
var chart = new Highcharts.Chart({
chart: {
height: 130,
renderTo: divid,
type: 'spline',
animation: Highcharts.svg, // don't animate in old IE
marginRight: 10,
events: {
load: function () { // set up the updating of the chart each second
var series = this.series[0];
var realvalue;
setInterval(function () {
$.post("DataManager.ashx", { type: "getspots" }, function (data) {
for (var x = 0; x < data.length; x++) {
try {
if (data[x].value != "") {
if (data[x].name == divid.replace("chart_", "")) {
realvalue = data[x].value;
}
}
}
catch (er) { };
} }, 'json')
if (realvalue == undefined) {
realvalue = null;
}
else {
if (realvalue == "运行") {
realvalue = 1;
}
realvalue = parseInt(realvalue);
}
var x = (new Date()).getTime() + 8 * 60 * 60 * 1000, // current time
y = realvalue;
// alert(x + ":" + y);
series.addPoint([x, y], true, true);
}, 2000);
}
}
},
title: {
text: null
},
xAxis: {
type: 'datetime',
tickPixelInterval: 150
},
yAxis: {
title: {
text: null
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function () {
return '<b>' + this.series.name + '</b><br/>' +
Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +
Highcharts.numberFormat(this.y, 2);
}
},
legend: {
enabled: false
},
credits: {
enabled: false
},
exporting: {
enabled: false
},
series: [{
name: divid.replace("chart_", ""), data: (function () {
// generate an array of random data
var data = [],
time = (new Date()).getTime(),
i; for (i = -300; i <= 0; i++) {
data.push({
x: time + i * 1000 + 8 * 60 * 60 * 1000,//这里取到的是格林志时间,相差8个小时
y: function () {
return null;
}
});
}
return data;
})()
}] }); }
}
];
Ext.getCmp(strspot[a] + '-tab').add(json);
这里面没有easyui的 easyui我只用了tree 在tree的事件里面添加EXT的panel和tab tab中有一个一般页面和一个Highchart 绝大多数情况是正常的 但是偶尔会出现无法切换的问题
<link href="../themes/icon.css" rel="stylesheet" type="text/css" />
<script src="../jquery-easyui/min/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="../highchart/js/highstock.js"></script>
<script src="../highchart/js/highcharts-more.js"></script>
<script src="../highchart/js/modules/exporting.js"></script>
<script src="../jquery-easyui/min/jquery.easyui.min.js" type="text/javascript"></script> <link href="../extjs4.07/ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" />
<script src="../extjs4.07/ext-4.0.7-gpl/ext-all-debug.js"></script>
<script src="../extjs4.07/ext-4.0.7-gpl/ext-all.js"></script>
<script src="../extjs4.07/ext-4.0.7-gpl/bootstrap.js"></script>
<script src="../extjs4.07/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script>
这里面没有easyui的 easyui我只用了tree 在tree的事件里面添加EXT的panel和tab tab中有一个一般页面和一个Highchart 绝大多数情况是正常的 但是偶尔会出现无法切换的问题还有 你的jquery-1.8是单独的吧,把他放在jquery-easyui的上面
<link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="../themes/icon.css" rel="stylesheet" type="text/css" />
<script src="../jquery-easyui/min/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="../jquery-easyui/min/jquery.easyui.min.js" type="text/javascript"></script>
<script src="../highchart/js/highstock.js"></script>
<script src="../highchart/js/highcharts-more.js"></script>
<script src="../highchart/js/modules/exporting.js"></script>
<link href="../extjs4.07/ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" />
<script src="../extjs4.07/ext-4.0.7-gpl/ext-all-debug.js"></script>
<script src="../extjs4.07/ext-4.0.7-gpl/ext-all.js"></script>
<script src="../extjs4.07/ext-4.0.7-gpl/bootstrap.js"></script>
<script src="../extjs4.07/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script>错误还是在我切换TAB的时候出现了
ERROR:TypeError: can't convert undefined to object