请问Ext Designer 里生成的代码怎么用?
我把这段代码放进了一个JS文件里:Ext.onReady(function(){MyWindow=Ext.extend(Ext.Window,{title:"我的公司",...
我把这段代码放进了一个JS文件里:
Ext.onReady(function(){
MyWindow=Ext.extend(Ext.Window ,{
title:"我的公司",
width:895,
height:536,
layout:"border",
initComponent: function(){
this.items=[
{
xtype:"panel",
title:"面板1",
region:"center",
height:20
},
{
xtype:"panel",
title:"面板2",
region:"west",
width:120,
items:[
{
xtype:"label",
text:"搜索: "
},
{
xtype:"textfield",
fieldLabel:"标签",
width:70
},
{
xtype:"button",
text:"GO"
}
]
},
{
xtype:"panel",
title:"我的面板",
region:"east",
height:92,
width:851
},
{
xtype:"panel",
title:"我的面板",
region:"north",
width:100
},
{
xtype:"grid",
title:"我的表格",
region:"south",
columns:[
{
header:"Column 1",
sortable:true,
resizable:true,
dataIndex:"data1",
width:100
},
{
header:"Column 2",
sortable:true,
resizable:true,
dataIndex:"data2",
width:100
},
{
header:"Column 3",
sortable:true,
resizable:true,
dataIndex:"data3",
width:100
}
]
}];
Ext.MyWindow.superclass.initComponent.call(this);
}
});
var ui =new MyWindow();
ui.show();
});
打开网页发现是空白的,请问是怎么回事?
html文件如图 展开
Ext.onReady(function(){
MyWindow=Ext.extend(Ext.Window ,{
title:"我的公司",
width:895,
height:536,
layout:"border",
initComponent: function(){
this.items=[
{
xtype:"panel",
title:"面板1",
region:"center",
height:20
},
{
xtype:"panel",
title:"面板2",
region:"west",
width:120,
items:[
{
xtype:"label",
text:"搜索: "
},
{
xtype:"textfield",
fieldLabel:"标签",
width:70
},
{
xtype:"button",
text:"GO"
}
]
},
{
xtype:"panel",
title:"我的面板",
region:"east",
height:92,
width:851
},
{
xtype:"panel",
title:"我的面板",
region:"north",
width:100
},
{
xtype:"grid",
title:"我的表格",
region:"south",
columns:[
{
header:"Column 1",
sortable:true,
resizable:true,
dataIndex:"data1",
width:100
},
{
header:"Column 2",
sortable:true,
resizable:true,
dataIndex:"data2",
width:100
},
{
header:"Column 3",
sortable:true,
resizable:true,
dataIndex:"data3",
width:100
}
]
}];
Ext.MyWindow.superclass.initComponent.call(this);
}
});
var ui =new MyWindow();
ui.show();
});
打开网页发现是空白的,请问是怎么回事?
html文件如图 展开
2个回答
展开全部
你后面添加了一个xtype为grid的组件,该组件需要给它指定一个store(数据源),你把该组件先屏蔽掉窗口应该就出来了
追问
我尝试了把grid的代码删除,发现打开后还是空白,请问能发个源代码吗?
追答
Ext.onReady(function(){
MyWindow=Ext.extend(Ext.Window ,{
title:"我的公司",
width:895,
height:536,
layout:"border",
initComponent: function(){
this.items=[
{
xtype:"panel",
title:"面板1",
region:"center",
height:20
},
{
xtype:"panel",
title:"面板2",
region:"west",
width:120,
items:[
{
xtype:"label",
text:"搜索: "
},
{
xtype:"textfield",
fieldLabel:"标签",
width:70
},
{
xtype:"button",
text:"GO"
}
]
},
{
xtype:"panel",
title:"我的面板",
region:"east",
height:92,
width:851
},
{
xtype:"panel",
title:"我的面板",
region:"north",
width:100
}];
MyWindow.superclass.initComponent.call(this);
}
});
var ui =new MyWindow();
ui.show();
});
这个是在你代码的基础上进行修改的,把gird组件去掉之后窗口就可以显示出来了。我在我本地已经测试过了。如果还出不来的话看你引用extjs的文件是否正确。让你看下我的代码:
其中extjs文件夹是extjs的资源包.
window.html
window.js中的代码就是上面我在你代码基础上改过的代码
AiPPT
2024-09-19 广告
2024-09-19 广告
随着AI技术的飞速发展,如今市面上涌现了许多实用易操作的AI生成工具1、简介:AiPPT: 这款AI工具智能理解用户输入的主题,提供“AI智能生成”和“导入本地大纲”的选项,生成的PPT内容丰富多样,可自由编辑和添加元素,图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询