分享一个jquery easyui拼接table的例子
2012-09-14 13:53
225 查看
实例代码(简单的登录窗体):
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>窗体式登陆框</title>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css">
<script type="text/javascript" src="../extjs/adapter/ext-base.js"></script>
<script type="text/javascript" src="../extjs/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var _loginWindow=new Ext.Window({
title:"登 陆",
frame:true,
layout:"form",
plain :true,//设置窗体颜色跟边框一色一直
resizable :false,//设置不允许用户拉动窗体的大小
minimizable :false,//设置窗体无最小换按钮
maximizable :false, //设置窗体无最大化按钮
closable:true,//设置窗体无关闭按钮(默认的是有关闭按钮)
border :true,//设置窗体有无边框(默认为有边框)
buttonAlign:"center", //设置窗体的按钮所在位置,默认为右对齐
// closeAction推荐使用hide值,而不要使用close,使用close会消耗很大的资源
closeAction :"hide", //设置关闭的事件,如果设置成为hide,则关闭的时候就只会出发hide事件,如果设置成为close,则会同时出发hide和close事件
width:280,
height:130,
labelWidth:50, //输入框前面label的宽度
shadowOffset :8, //投影偏移量
bodyStyle:"padding:5px", //设置窗体的样式
defaults:{xtype:"textfield",width:170},
items:[{fieldLabel:"用户名"},{fieldLabel:"密码"}],
buttons:[{text:"确 定"},{text:"取 消",handler:function(){
//调用窗体的隐藏函数
_loginWindow.hide();
}
}],
listeners:{
"show":function(){
alert("window is show!");
},
"hide":function(){
alert("window is hided!");
},
"close":function(){
alert("window is closed!");
}
}
});
_loginWindow.show(); //渲染窗体到界面
});
</script>
</head>
<body>Place your content here</body>
</html>
实例图片:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>窗体式登陆框</title>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css">
<script type="text/javascript" src="../extjs/adapter/ext-base.js"></script>
<script type="text/javascript" src="../extjs/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var _loginWindow=new Ext.Window({
title:"登 陆",
frame:true,
layout:"form",
plain :true,//设置窗体颜色跟边框一色一直
resizable :false,//设置不允许用户拉动窗体的大小
minimizable :false,//设置窗体无最小换按钮
maximizable :false, //设置窗体无最大化按钮
closable:true,//设置窗体无关闭按钮(默认的是有关闭按钮)
border :true,//设置窗体有无边框(默认为有边框)
buttonAlign:"center", //设置窗体的按钮所在位置,默认为右对齐
// closeAction推荐使用hide值,而不要使用close,使用close会消耗很大的资源
closeAction :"hide", //设置关闭的事件,如果设置成为hide,则关闭的时候就只会出发hide事件,如果设置成为close,则会同时出发hide和close事件
width:280,
height:130,
labelWidth:50, //输入框前面label的宽度
shadowOffset :8, //投影偏移量
bodyStyle:"padding:5px", //设置窗体的样式
defaults:{xtype:"textfield",width:170},
items:[{fieldLabel:"用户名"},{fieldLabel:"密码"}],
buttons:[{text:"确 定"},{text:"取 消",handler:function(){
//调用窗体的隐藏函数
_loginWindow.hide();
}
}],
listeners:{
"show":function(){
alert("window is show!");
},
"hide":function(){
alert("window is hided!");
},
"close":function(){
alert("window is closed!");
}
}
});
_loginWindow.show(); //渲染窗体到界面
});
</script>
</head>
<body>Place your content here</body>
</html>
实例图片:
相关文章推荐
- 分享一个jquery easyui拼接table的例子
- 分享一个别人写的sqlite3使用总结的例子
- 分享一个递归无限级拼接Json的方法---ExtJs的TreePanel和TreeGrid均适用(Ef,Lambda,Linq,IQueryable,List)
- 一个TableCellRenderer的例子
- js的一个简单的例子_修改table中值联动变化相关值
- 一个关于TableViewer较完整的例子
- 分享《C语言教程》Al.Kelley Ira Pohl 著 一个有趣的例子吧。。。
- 给大家分享一个简单的例子 给SWF加一个壳
- 分享一个简单的iphone自定义状态栏例子
- 在看官方的例子时候由一个grid实例,在每一行之前有个加号,展开可以显示内容,在实际应用中还是非常有用的,照搬例子的代码,发现老是提示对象不存在,查阅资料后发现是没有加载插件,这里和大家分享下Ext.grid.RowExpander插件的使用,
- 分享一个table初始化的方法(绑定query,建立表头及列)
- 一个JQuery操作Table的代码分享
- 分享一个PHP数据流应用的简单例子
- 分享一个C#使用AT指令控制语音猫的例子
- 一个 JS 写的 Table 自增/减行例子,和一个模态对话框传值例子的源代码
- 分享一个JQuery写的点击上下滚动的小例子
- 一个Socket应用的例子,分享给大家
- 一个 JS 写的 Table 自增/减行例子,和一个模态对话框传值例子的源代码
- 用ajax.dll来做一个异步数据的交互例子大家分享
- 分享一个自己写的字符串工具:字符串格式化拼接