最近想学Ext,下了包,找个实例
可是还是不知道这东西是怎么用的
请教一下<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"/>
<script language="javascript" type="text/javascript" src="../ext-all.js"></script>
<script language="javascript" type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript">
var form1 = new Ext.form.FormPanel({
width:350,
frame:true,//圆角和浅蓝色背景
renderTo:"form1",//呈现
title:"FormPanel",
bodyStyle:"padding:5px 5px 0",
items:[{
fieldLabel:"UserName",//文本框标题
xtype:"textfield",//表单文本框
name:"user",
id:"user",
width:200
},
{
fieldLabel:"PassWord",
xtype:"textfield",
name:"pass",
id:"pass",
width:200
}
],
buttons:[{text:"确定"},{text:"取消",handler:function(){alert("事件!");}}]
});
</script>
</head>
<body>
<div id="form1"></div>
</body>
</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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"/>
<script language="javascript" type="text/javascript" src="../ext-all.js"></script>
<script language="javascript" type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript">
var form1 = new Ext.form.FormPanel({
width:350,
frame:true,//圆角和浅蓝色背景
renderTo:"form1",//呈现
title:"FormPanel",
bodyStyle:"padding:5px 5px 0",
items:[{
fieldLabel:"UserName",//文本框标题
xtype:"textfield",//表单文本框
name:"user",
id:"user",
width:200
},
{
fieldLabel:"PassWord",
xtype:"textfield",
name:"pass",
id:"pass",
width:200
}
],
buttons:[{text:"确定"},{text:"取消",handler:function(){alert("事件!");}}]
});
</script>
</head>
<body>
<div id="form1"></div>
</body>
</html>
解决方案 »
- 用js+css实现一个三级下拉菜单
- 100分!js 动态添加表格行 排列name属性 重新发贴
- html开源网游《神魔对决3-千年的未来》c:53,发布会
- javascript 之 ActiveXObject 一问
- 高分悬赏解决方案: 如何实现视频记忆(续播)功能
- 如何用javascript 写入cookies?
- 梅花雪的 Combo box 下拉输入框 Beta 版
- 表单里的控件有没有类似高级语言中窗体open事件或是控件的构造事件?
- 为什么我用ScriptEncoder没法编码页面中的vbscript和jscript
- 为什么Ext.MessageBox.show()不能显示?
- javascript 遇到的难题
- Ext2 propertyGrid问题
Ext.onReady(function(){
});
这个函数内才能执行啊
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"/>
<script language="javascript" type="text/javascript" src="ext-all.js"></script>
<script language="javascript" type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var form1 = new Ext.form.FormPanel({
width:350,
frame:true,//圆角和浅蓝色背景
renderTo:"form1",//呈现
title:"FormPanel",
bodyStyle:"padding:5px 5px 0",
items:[{
fieldLabel:"UserName",//文本框标题
xtype:"textfield",//表单文本框
name:"user",
id:"user",
width:200
},
{
fieldLabel:"PassWord",
xtype:"textfield",
name:"pass",
id:"pass",
width:200
}
],
buttons:[{text:"确定"},{text:"取消",handler:function(){alert("事件!");}}]
});
});
</script>
</head>
<body>
<div id="form1"></div>
</body>
</html>页面还是什么都没有
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"/>
<script language="javascript" type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script language="javascript" type="text/javascript" src="ext-all.js"></script>上面 ext-base.js的ext-all.js的位置要改变下,另外,请确认的引用的文件的路径是否正确
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<title>Forms</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/> <!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<!-- ENDLIBS --> <script type="text/javascript" src="../../ext-all.js"></script> <script type="text/javascript" src="states.js"></script>
<script type="text/javascript"">
Ext.onReady(function(){
var form1 = new Ext.form.FormPanel({
width:350,
frame:true,//圆角和浅蓝色背景
renderTo:"form1",//呈现
title:"FormPanel",
bodyStyle:"padding:5px 5px 0",
items:[{
fieldLabel:"UserName",//文本框标题
xtype:"textfield",//表单文本框
name:"user",
id:"user",
width:200
},
{
fieldLabel:"PassWord",
xtype:"textfield",
name:"pass",
id:"pass",
width:200
}
],
buttons:[{text:"确定"},{text:"取消",handler:function(){alert("事件!");}}]
});
});
</script>
</head>
<body><!-- EXAMPLES -->
<div id="form1"></div></body>
</html>这是我用你的代码写的测试,能正常显示,就是你文件引入的问题