弹出表格
来源:互联网 发布:基因数据库 编辑:程序博客网 时间:2024/05/20 06:56
稍微说一下window咋用呢?其实看起来跟MessageBox差不多啦,只是可以在里边随便放东西,现在先看个单纯的例子。
var win = new Ext.Window({
el:'window-win',
layout:'fit',
width:500,
height:300,
closeAction:'hide',
items: [{}],
buttons: [{
text:'按钮'
}]
});
win.show();
首先要讲明的是,这个window需要一个对应的div呀,就像el对应的'window-win'一样,这个div的id就应该等于'window-win',然后设置宽和高,这些都很明朗。
其次,需要设置的是布局类型,layout:'fit'说明布局会适应整个window的大小,估计改变大小的时候也要做响应的改变。
closeAction:'hide'是一个预设值,简单来说就是你用鼠标点了右上角的叉叉,会执行什么操作,这里就是隐藏啦。问为啥是隐藏?因为,因为预设啦,乖,背下来撒。
items部分,嘿嘿~就是告诉咱们的window里要有什么内容啦。这里放表格,放树形,吼吼。
buttons里设置在底端显示的按钮。我们就为了试一下,弄了一个按钮,但是按了没反应,嘿嘿。
最后调用一下show(),让窗口显示出来。
看一下截图啦,更直观。
中间的空白就是items:[{}]的杰作,默认{}会成为一个Ext.Panel,咱们什么都没定义,里边自然什么都没有。当然500*300不会只有这么大,但是为了让图片小一点儿,我把它拖下了,嘿嘿~自动支持的修改大小效果,帅吧?
例子超简单,见lingo-sample/2.0/05-02.html
var win = new Ext.Window({
el:'window-win',
layout:'fit',
width:500,
height:300,
closeAction:'hide',
items: [{}],
buttons: [{
text:'按钮'
}]
});
win.show();
首先要讲明的是,这个window需要一个对应的div呀,就像el对应的'window-win'一样,这个div的id就应该等于'window-win',然后设置宽和高,这些都很明朗。
其次,需要设置的是布局类型,layout:'fit'说明布局会适应整个window的大小,估计改变大小的时候也要做响应的改变。
closeAction:'hide'是一个预设值,简单来说就是你用鼠标点了右上角的叉叉,会执行什么操作,这里就是隐藏啦。问为啥是隐藏?因为,因为预设啦,乖,背下来撒。
items部分,嘿嘿~就是告诉咱们的window里要有什么内容啦。这里放表格,放树形,吼吼。
buttons里设置在底端显示的按钮。我们就为了试一下,弄了一个按钮,但是按了没反应,嘿嘿。
最后调用一下show(),让窗口显示出来。
看一下截图啦,更直观。
中间的空白就是items:[{}]的杰作,默认{}会成为一个Ext.Panel,咱们什么都没定义,里边自然什么都没有。当然500*300不会只有这么大,但是为了让图片小一点儿,我把它拖下了,嘿嘿~自动支持的修改大小效果,帅吧?
例子超简单,见lingo-sample/2.0/05-02.html
- 弹出表格
- 网页弹出表格窗口
- jquery实现表格弹出隐藏
- jquery插件 案例:弹出对话框 插入表格
- 右击表格弹出编辑、删除框
- DEVexpress表格验证 并弹出结果
- 鼠标滑到单元格,弹出表格.
- angularjs popup-table 弹出框表格指令
- js 双击 repeater 表格弹出双击行明细
- 一个简单的弹出div,div里是一个表格
- 点击表格中的某个列,弹出一个div层
- 从表格的一个Cell弹出Popver窗口问题
- 制作表格样式+由下往上动画弹出效果实现
- 数独游戏--弹出Dialog选择数字后刷新表格
- 二级联动添加表格及删除按钮弹出对话框
- 打印弹出打印机确认后打印Excel表格
- 表格
- 表格
- 模拟google搜索
- 精妙的SQL语句
- javascript实现HTML在线编辑器
- 日记090928
- 延迟加载fetch, lazy与更新cascade, inverse
- 弹出表格
- 谈谈SSH开发中权限的控制
- 如何用Java对图片jpg, gif进行压缩
- SSH开发该在什么地方对字符串进行trim操作
- select目录树如何实现?
- C/C++ 学习手札(四)
- 我的职业生涯(七)
- Java压缩技术整理(一)
- 青蛙效应