<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib prefix="s" uri="/struts-tags"%>
<link href="css/style.css" rel="stylesheet" type="text/css"></link>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<div id="header">
<ul class="topNav">
<li class="home"><a href="Page.action?returnPage=index">Home</a></li>
<li class="pornstars"><a href="Page.action?returnPage=pornstar&word=AG">Pornstars</a></li>
<li class="members"><a href="#" id="member">Members</a></li>
<li class="signup"><a href="Page.action?returnPage=join">Signup</a></li>
</ul>
</div>
<div id="loginForm"></div>
<script>
function a()
{
var form1 = new Ext.form.FormPanel({
renderTo:"loginForm",
labelWidth: 75,
method:'POST',
title: '',
bodyStyle:'padding:20px 20px 0',
width: 300,
defaults: {width: 200},
defaultType: 'textfield',
onSubmit: Ext.emptyFn,
submit: function()
{
this.getEl().dom.action= 'openid.servlet';
this.getEl().dom.submit();
},
items: [{
fieldLabel: 'username',
id: 'username',
name: 'username',
allowBlank:false,
blankText : "username is not null",
width:150
},{
fieldLabel: 'password',
blankText : "password is not null",
id: 'password',
name: 'password',
allowBlank:false,
width:150,
inputType:'password'
}
],
buttons: [{
text: 'login',
type:'button',
id:'login',
handler: function()
{
if (form1.form.isValid())
{
form1.form.submit();
}
}
},{
text: 'reset',
type:'reset',
id:'clear',
handler: function()
{
form1.form.reset();
}
}
]
});
var window = new Ext.Window({
maximizable:true,
minimizable:true,
closable:true,
modal:true,
plain:true,
resizable:false,
title: 'login dialog',
width: 300,
height:180,
layout: 'fit',
bodyStyle:'padding:5px;',
buttonAlign:'center',
items: form1
});
window.show();
}
Ext.onReady(function(){
Ext.get("member").on("click",a);
});
</script>
上面是在点击“members” 链接后弹出个window的dialog,在这个window里面有加上了formpanel,所以才能达到我想要的效果。
另外透露一点:我刚开始学习extjs的时候,只把那3个文件导入到页面中,
<link rel="stylesheet" type="text/css" href="extjs/ext-all.css" />
<script type="text/javascript" src="extjs/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
当时只把这3个文件ext-all.css、ext-base.js和ext-all.js放在eclipse的extjs的这个目录下面,然后就开始开发了,但是当我在做上面问题的时候发现,要弹出的那个window窗口却没有"最大化","关闭","最小化"的图标,当时我查了好多文章没有找到原因,结果是这样的:它实际上是显示在页面中了,但是却看不到,用鼠标点击最右边却有这个功能的,所以最后的原因是:样式的的问题了,因为我没有把其它的样式引入进来的原因。所以最后把extjs3.0目录下面的resources的所有东西都考到那个extjs的eclipse目录下面来,结果就可以正常显示了。哈哈!终于搞定了。下面是正确的代码:<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
分享到:
相关推荐
input按钮onclick事件大全input按钮onclick事件大全
比如执行删除操作时,为了避免误操作,我们要弹出对话框让用户确定是否删除。因此我们经常会用链接<a></a>形式代替<button> 触发onclick事件。 代码如下: 代码如下: [removed] function del(){ if(confirm&#...
jsp的onclick页面事件 包含打开保存 跳转 关闭等
jquery下A标签onclick事件的处理,看看看看看看。
解决了android悬浮框的onTouch和onClick事件可以同存的问题。
c# 在webFrom上实现tabcontrol功能,可以实现tabcontrol中的所有功能,包括onmouseover事件和onclick事件,程序附有注释容易理解。
我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!DOCTYPE html> <html> <head> [removed] function displayDate() { document.getElementById(demo)[removed]=Date(); } [removed] <...
本篇文章就给大家分享关于JavaScript中onclick事件的用法。 我们首先来看一下onclick事件的语法 以下是如何使用onclick事件编写。 使用document.getElementById()在文档中指定id元素,并使用function(){}处理单击...
博文链接:https://qsfwy.iteye.com/blog/219184
Android开发之onClick事件的4种写法,对于初学者非常有用,代码可以运行,
c# 在webFrom上实现tabcontrol功能 onmouseover事件:鼠标移动到按钮上page页面更换 onclick事件:点击按钮页面更换
本文实例讲述了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法。分享给大家供大家参考,具体如下: 这里演示js如何给页面中所有的img对象加上onclick事件,且实现在新窗体中查看该图片文件的功能: ...
同时onClick指定的事件处理程序或代码将被调用执行),onChange事件就是当文本框的内容改变时发生的事件,onSelect事件就是当文本框的内容被选中时发生的事件,onFocus事件就是当光标落在文本框中时发生的事件等等
NULL 博文链接:https://xieye.iteye.com/blog/269611
HTML_Button[1].onclick_事件汇总HTML_Button[1].onclick_事件汇总
主要介绍了a标签添加onclick事件的几种方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
1、在页面中给方法传参数有两种方法 第一:onclick=cancel(id,patientId); 在js文件中定义cancel方法 如果要把当前对象传过去用onclick=”cancel(this,id,patientId)” js中cancel(obj,id,...2、onclick事件
主要介绍了IE8的JavaScript点击事件(onclick)不兼容的解决方法,大家参考使用吧
ListBox没有Onclick。所以重写ListBox fanliang11都是原创作品。。请支持原创作品。
js页面,进行页面内容的拼接时,a标签的onclick点击事件,需要传参数时,解决转义麻烦,不对的情况,提供了模板