能不能帮我看看这段代码？？？？我搞了很久都没有显示效果
extjs吧
全部回复
仅看楼主
level 2
斯站之2m 楼主
这段代码我是从资料上照搬的，按说应该没有问题才对，但是就是没有显示效果，好心人能不能帮我看看问题出在哪里？？？？我是小白…
<!DOCTYPE html><html>
<head><
meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript">Ext.onReady(function()// 定义一个通用的*标识
var requiredMark='<span style="color:red">*</span>'
//定义表单的各种字段
var name={
xtype:'textfield',
fieldLabel:requiredMark+'姓名',name:'name'}
var telephone={
xtype:'textfield',
fieldLabel:requiredMark+'电话号码',name:'telephone'}
var email={
xtype:'textfield',
fieldLabel:requiredMark+'电子邮件',name:'email'}
var phone={xtype:'textfield',fieldLabel:requiredMark+'手机号码',name:'phone'}
var shengfen={xtype:'combo',store:[['001','河南'],['002','北京'],['003','上海']],SimpleStore,Jsonstore or Arrayname:'shengfen',
triggerAction:'all',
fieldLabel:'省份',}
//定义日期组件
var date={xtype:'datefield',
name:'date',
fieldLabel:'出生日期'}
//定义checkbox
var aihao1={
xtype:'checkbox',
name:'aihao1',
fieldLabel:'兴趣爱好',
boxLabel:'打球'}
var aihao2={
xtype:'checkbox',
name:'aihao2',
labelSeparator:'',
boxLabel:'乒乓球'}
//定义radio
var periodYear={
xtype:'radio',
name:'period',
fieldLabel:'周期',
boxLabel:'年'}
var periodMonth={
xtype:'radio',
name:'period',
labelSeparator:'',
boxLabel:'月'}
var radioGroup={
xtype:'radiogroup',
fieldLabel:'性别',
labelSeparator:'',
items:[{
xtype:'radio',
name:'man',
boxLabel:'男'},{
xtype:'radio',
name:'man',
labelSeparator:'',boxLabel:'女'}]}
//定义一个表单组件
var contentForm=new Ext.FormPanel({region:'center',
title:'内容区标题',
frame:true,
//使用fieldest分组：
items:[
{//将上述定义的各种组件组合在一起xtype:'fieldest',
title:'编辑区',
//collapsible:true
height:200,
items:[{
layout:'form',
columnWidth:.33,
items:name},{
layout:'form',
columnWidth:.33,
items:date},{
layout:'form',
columnWidth:.33,
items:shengfen},{
layout:'form',
columnWidth:.33,
items:telephone},{
layout:'form',
columnWidth:.33,
items:phone},{
layout:'form',
columnWidth:.33,
items:email},{
layout:'form',
columnWidth:.33,
items:[aihao1,aihao2]},{layout:'form',
columnWidth:.33,items:radiogroup}],layout:"column"},{
//将上述定义的各种组件组合在一起xtype:'fieldest',
title:'参考区',
collapsible:true,
height:200,
items:[{
layout:'form',
columnWidth:.33,
items:{
xtype:'textfield',
fieldLabel:'创建人',
readOnly:true,value:'xxx'}},{
layout:'form',
columnWidth:.33,
items:{
xtype:'textarea',
fieldLabel:'描述',
width:'100%',
readOnly:true,
disabled:false,
value:'输点什么'}}],layout:"column"}],
//定义工具栏
tbar:[{
text:'提交',
handler:function(){alert(this.getForm().getValues(true));console.log(this.getForm().getValues());},scope:this},'|']});new Ext.Viewport({layout:'border',items:[contentForm]});})
</script>
</head>
<body><
/body>
</html>
2017年04月30日 01点04分 1
1