`
fengfan2008
  • 浏览: 96941 次
  • 性别: Icon_minigender_1
  • 来自: 南京市
社区版块
存档分类
最新评论

弹出表格

阅读更多
稍微说一下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
分享到:
评论

相关推荐

    iOS 弹出下拉表格

    - 确保弹出框的关闭逻辑清晰,避免出现用户无法关闭的情况。 五、优化用户体验 - 响应速度:下拉表格的加载和关闭应尽可能快,避免用户等待。 - 触摸反馈:添加触摸反馈,让用户知道他们已经选择了某个选项。 - ...

    导出PDF插件(表格没有线框)

    然而,有时在使用特定工具或插件将内容导出为PDF时,可能会遇到一些问题,例如“表格没有线框”。这个问题可能是由于导出设置、软件版本或插件配置不正确导致的。以下是一些相关的知识点,帮助你理解和解决这个问题...

    在消息框中绘制表格,C#源代码 " ..... \n" +

    - 在需要弹出表格的地方,实例化这个自定义控件,设置其透明背景,并置于当前窗口之上,使其看起来像一个弹出的对话框。 - 设置适当的焦点和键盘处理,使得用户可以使用回车和esc键进行操作。 - 当用户完成交互后...

    EPLAN插入表格的方法

    点击“表格”,会弹出一个新的对话框,你可以选择插入的表格类型,如标准表格或链接到外部数据源的表格。 对于初学者,我们先来介绍如何插入标准表格。在“插入表格”对话框中,你可以选择预设的表格模板或者创建...

    E9利用layui实现流程超时表格

    "E9利用layui实现流程超时表格" 以下是根据给定的文件信息生成的相关知识点: layui和泛微 layui是一个流行的前端框架,提供了许多实用的UI组件和功能模块。泛微是一款流程管理系统,提供了强大的工作流引擎和...

    易语言高级表格数据导出Excel表格

    在易语言中,可以使用对话框组件来展示预览,使用错误处理命令来捕获和处理可能出现的问题,而进度条组件则可以指示导出的进度。 总的来说,易语言高级表格数据导出Excel表格涉及的知识点包括: 1. 易语言高级表格...

    易语言高级表格勾选提示框模块

    这种提示框通常会在用户选择特定行或列时弹出,展示与该选择相关的详细信息,如数据解释、操作指南或确认提示,从而帮助用户更好地理解和操作表格数据。 “高级表格选中框提示框子程序”可能是模块的核心部分,它...

    四年级《表格制作ABC》.ppt

    2. 方法二:在“常用”工具栏中,单击“插入表格”按钮,屏幕上出现表格模板,按下鼠标左键,拖动鼠标,选择行和列,也可以插入表格。 二、调整行高和列宽 在创建表格后,需要调整行高和列宽以适应实际需要。...

    jqgrid 表格的增删改查以及modal弹出框

    在这个项目文件“RuanTai.Finance”中,我们将深入探讨如何使用 jqGrid 实现这些功能,并且在修改和添加操作时使用 modal 弹出框来增强用户体验。 首先,让我们看看 jqGrid 的增删改查功能: **增加(Add)**:在 ...

    PHPExcel带图片Excel表格导入导出

    ,可防止某一行数据无图片时出现表格图片混乱的情况;在设置图片宽高度位置加上$objDrawing[$i+4]->setResizeProportional(false);,可设置不按原图比例缩放;在113-125行添加用于纵向单元格合并的示例代码/* * ...

    jq弹性表格控件

    **jq弹性表格控件**,也被称为`tilesjs`,是一种基于jQuery的高效、灵活的表格展示解决方案。这种控件的主要特点是能够自动伸缩,...通过熟练掌握和运用tilesjs,开发者可以轻松构建出高性能、易维护的数据展示界面。

    打开Excel表格弹出向程序发送命令时出现问题的解决方法.docx

    解决 Excel 表格弹出向程序发送命令时出现问题的方法 Excel 是一种功能强大且实用的电子表格软件,但是在使用过程中,可能会出现一些问题,例如打开 Excel 表格弹出向程序发送命令时出现问题。在这种情况下,用户...

    js弹出层table运用

    本话题将深入探讨如何利用JS实现一个可移动的弹出层,并在其中嵌入表格功能。 首先,我们来理解“弹出层”。弹出层通常是通过JavaScript动态创建的DOM元素,比如`<div>`,然后通过CSS设置其位置、透明度和可见性。...

    表格制作-高级教程,详细说明表格的基本内容

    首先,选择“插入”菜单中的“表格”选项,然后在弹出的对话框中设定表格的行数和列数。还可以设置表格的初始宽度和高度,以及边框的粗细。创建完成后,可以直接在表格单元格中输入文字或插入图片等元素。编辑表格时...

    在记事本 txt 中制作表格

    第三,在弹出的“导入数据表向导”向导中选择存放数据的“工作表”,然后下一步 > 第一行包含列标题 > 下一步 > 新表中 > 下一步(默认) > 下一步 > 不要主键 > 完成。这一步骤的目的是将 Excel 表格导入到 Access ...

    LabVIEW的读取电子表格文件

    “读取电子表格文件”位于函数选板的“编程→文件I/O→读取电子... file path(dialog if empty):文件路径(空时为对话框),指定所读文件的路径,为空时弹出文件对话框,取消对话框则出错。  number ofrows(all

    SOS,asp表格变形,请高手帮忙

    然而,随着CSS的发展,现在更推荐使用CSS Flexbox或Grid进行布局,它们提供了更强大且灵活的布局能力,而不会出现表格布局中常见的变形问题。 #### 解决表格变形的方法: 1. **检查CSS样式**:首先,确认CSS样式...

    LabVIEW的写入电子表格文件

     file path(dialog if empty):文件路径(空时为对话框),指定所读文件的路径,为空时弹出文件对话框,取消对话框则出错。  2D data:二维数据,待写入文件的二维数组,与一维数组接线端并列选择一个输入。 ...

    详解angularjs popup-table 弹出框表格指令

    本文主要介绍了angularjs popup-table 弹出框表格指令,分享给大家,具体如下: //表格处理 app.directive('popupTable', ['$http', '$rootScope', '$cookies', '$location', function ($http, $rootScope, $...

Global site tag (gtag.js) - Google Analytics