首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Vaadin 14网格+对话框:关闭对话框后如何刷新网格?

Vaadin是一个用于构建现代Web应用程序的开源Java框架。它提供了丰富的UI组件和工具,使开发人员能够快速构建响应式、可扩展和易于维护的应用程序。

在Vaadin 14中,网格(Grid)是一个常用的UI组件,用于展示和编辑数据。对话框(Dialog)则是用于显示弹出式窗口的组件。当我们在对话框中进行数据编辑或其他操作后,关闭对话框后可能需要刷新网格以更新数据。

要在关闭对话框后刷新网格,可以使用以下步骤:

  1. 在对话框中进行数据编辑或其他操作。
  2. 在对话框的关闭按钮或其他关闭触发器的点击事件中,添加一个监听器或回调函数。
  3. 在监听器或回调函数中,调用网格的刷新方法,以更新网格中的数据。

具体实现代码如下:

代码语言:txt
复制
// 创建网格组件
Grid<Item> grid = new Grid<>(Item.class);

// 创建对话框组件
Dialog dialog = new Dialog();

// 在对话框中添加编辑表单或其他组件
TextField nameField = new TextField("名称");
TextField quantityField = new TextField("数量");
Button saveButton = new Button("保存", event -> {
    // 保存数据到数据库或其他操作
    // ...

    // 关闭对话框
    dialog.close();

    // 刷新网格
    grid.getDataProvider().refreshAll();
});

// 将编辑表单组件添加到对话框中
dialog.add(nameField, quantityField, saveButton);

// 在网格中添加编辑按钮,点击按钮时打开对话框
grid.addComponentColumn(item -> {
    Button editButton = new Button("编辑", event -> {
        // 在对话框中显示选中行的数据
        nameField.setValue(item.getName());
        quantityField.setValue(item.getQuantity());

        // 打开对话框
        dialog.open();
    });
    return editButton;
});

// 将网格添加到布局或UI组件中
layout.add(grid);

在上述代码中,当点击编辑按钮时,对话框会打开并显示选中行的数据。在对话框中点击保存按钮后,会执行保存数据的操作,并关闭对话框。接着,通过调用grid.getDataProvider().refreshAll()方法来刷新网格中的数据。

这样,当关闭对话框后,网格会自动刷新并显示最新的数据。

对于Vaadin 14的网格和对话框,腾讯云没有提供专门的产品或服务。然而,腾讯云提供了一系列云计算产品和服务,如云服务器、云数据库、云存储等,可以用于支持和扩展Vaadin应用程序的后端需求。您可以访问腾讯云官方网站(https://cloud.tencent.com/)了解更多详情。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

VREP-Paths(下)

在路径编辑模式下,将显示路径编辑模式对话框: ? Path is closed关闭路径:如果选中,路径的最后一个控制点连接到它的第一个控制点,以关闭路径并使其操作循环。路径关闭至少需要3个控制点。...在“场景对象属性”对话框中,单击“路径”按钮以显示路径对话框(“路径”按钮仅在最后选择路径时出现)。对话框显示最后选择的路径的设置和参数。...Show path shaping dialog显示路径形状对话框:切换路径形状对话框。...可以看作是生成网格的粗糙度因子。指定远小于最小贝齐点距离的值很少有意义。 Adjust color调整颜色:允许调整网格颜色。...Last coordinate links to first:将在选中时关闭section配置文件。如果区段类型不是用户定义的,则不可用。

2.5K30

Excel小技巧25:Excel工作表打印技巧

也可以在“页面设置”对话框中改变打印比例。单击功能区”页面布局“选项卡“页面设置”组中右下角的对话框启动器,弹出如下图2所示的“页面设置”对话框。...因为通常都是在第一行放置列标题,所以很多时候,在打印看到的都是只有第一页有列标题,而后面的各项只有数据,这样就不知道这些数据所在列的列标题是什么。...此时,先关闭“页面设置”对话框,然后单击功能区“页面布局”选项卡中的“打印标题”按钮,调出“页面设置”对话框,就可以在其“工作表”选项卡中进行设置了。...打印工作表网格线 默认情况下,虽然可以看到工作表中的网格线,但是在打印预览或者打印工作表时,不会显示工作表网格线。...要打印工作表网格线,可以在“页面设置”对话框中,选取“打印”下的“网格线”复选框“,如下图6所示。 ? 打印工作簿中的所有工作表 通常,我们一次只能打印工作簿中的一个工作表。

1.8K10

一些实用的Photoshop快捷键

【Ctrl】+【3】 设置“透明区域与色域”(在预置对话框中) 【Ctrl】+【4】 设置“单位与标尺”(在预置对话框中) 【Ctrl】+【5】 设置“参考线与网格”(在预置对话框中) 【Ctrl】+...(‘曲线’对话框中) 【Ctrl】+【Tab】 后移控制点(‘曲线’对话框中) 【Ctrl】+【Shift】+【Tab】 添加新的点(‘曲线’对话框中) 点按网格 删除点(‘曲线’对话框中) 【Ctrl...】加点按点 取消选择所选通道上的所有点(‘曲线’对话框中) 【Ctrl】+【D】 使曲线网格更精细或更粗糙(‘曲线’对话框中) 【Alt】加点按网格 选择彩色通道(‘曲线’对话框中) 【Ctrl】+【~...14.按shift+backspace键可直接调用fill填充对话框。...,右边分别是最小化、最大化/还原和关闭按钮。

1.6K30

Building a clean model tutorial

也支持URDF,但这里不提,因为它不是纯粹的基于网格的文件格式。 现在假设我们已经应用了上一节所描述的所有可能的简化。我们仍然可能在导入以一个太重的网格结束: ?...可以注意到整个机器人被导入为一个单一的网格。稍后我们将看到如何适当地划分它。...我们结束了一个网格包含总共2'660个三角形(原来的进口网格包含超过136000个三角形)一个形状包含的三角形/顶点的数量可以在形状几何对话框中看到。...一个类似的参数是阴影角度,它决定了形状将如何显示切面。这些参数以及其他一些参数,如形状颜色,可以在形状属性中进行调整。...记住,通过打开/关闭一些图层,我们可以在场景中隐藏其他物体。然后我们切换回三角形编辑模式: ?

1.3K10

​LiToSim壳与膜单元在CAE仿真中的应用

曲面壳受压力载荷作用模型示意 LiToSim求解算例1的步骤如下: 【步骤一】创建新工程项目并导入网格 首先启动LiToSim,点击菜单栏文件→新项目,弹出新工程项目对话框,如图2所示。...导入网格文件 【步骤二】赋予单元类型 在模型画布中单击鼠标右键,选择拾取单元→单元,在弹出的对话框中指定选择模式→方框,在模型画布中框选全部单元,如图5所示。 图5....设置好,在左侧模型树Setup1处单击鼠标右键选择求解,提交求解器进行计算。 图11....设置求解参数 【步骤七】查看求解结果 鼠标右键点击结果→创建云图,弹出对话框如图12所示,然后确定,即可查看云图,UX结果云图如图13所示;同时,鼠标右键点击UX→创建动画,即可查看变形动画,如图14所示...创建云图对话框 图13. UX结果云图 图14.

92940

SAP ABAP ALV 的一些总结:Docking container 和 Dialogbox container

创建和显示,它停靠在屏幕的四个位置之一:顶部、底部、左侧、右侧。 在大多数情况下,停靠容器用于显示一些导航菜单,但由于可以将其用作网格父级,因此开发人员也可以使用它来显示其中有限数量的列。...这样 Docking container 在程序运行直接出现。 正如我们在下图 中看到的,网格显示在屏幕的左侧,而在右侧可以找到虚拟参数。...Dialgobox container 如果您需要使用网格显示弹出窗口并且不想花时间创建带有自定义控件的屏幕,对话框容器 (CL_GUI_DIALOGBOX_CONTAINER) 会很有用。...一个限制是,运行这个程序,你将无法关闭对话框容器,这很正常,因为我没有为它注册任何事件。

1.1K10

2020PS平面设计快捷键最新最全使用攻略

【2】CTRL + H (隐藏额外内容) 绘制图像经常会用到栅格线、网格线,但有时候为了看效果图,可能需要隐藏它们,这里就可以直接用CTRL+H快速隐藏了,反之,再按一次就会显示。...【3】空格 + 点击(按住状态)(可移动选区) 绘制一个选框、矢量矩形时,可以通过按住空格键对这些选区或矢量选区进行移动,移动,还可以继续拉伸这个选区。...同时按下SHIFT即可,即:ALT + SHIFT + DEL或 CTRL + SHIFT + DEL 【8】SHIFT + 数字键 (不透明度填充) 选中一图层,按Shift+数字键 可以快速填充相应透明度的图层...【Ctrl】+【Alt】+【O】 关闭当前图像 【Ctrl】+【W】  保存当前图像 【Ctrl】+【S】  另存为......”(在预置对话框中) 【Ctrl】+【3】  设置“透明区域与色域”(在预置对话框中) 【Ctrl】+【4】  设置“单位与标尺”(在预置对话框中) 【Ctrl】+【5】  设置“参考线与网格”(在预置对话框

2.4K30

【实践】VISIO经验(粘附跨线对齐连线文本框调整)

默认关闭新创建连接线的粘附设置 在“视图”选项卡上的“视觉帮助”组中,单击“对话框启动器” 。...2.4 视觉帮助的对齐 创建或移动形状时,使用对齐拉动形状和形状边缘,使其与其他形状、标尺细分线、网格线、参考线或参考点对齐。 可指定形状要与之对齐的绘图元素类型。...默认情况下,形状与标尺细分线和网格同时对齐。 要更轻松地使形状与标尺细分线对齐,请关闭对齐网格。 1,在“视图”选项卡上的“视觉帮助”组中,单击对话框启动器。...2,连接线拆分举例 (1)原始流程图 (2)启动连接线拆分,拖入新的流程框图,会自动连接插入。...(3)取消“启动连接线拆分”,则不会自动插入 2.7 连接线上增加文本框,不自动避让 (1)默认情况下,连线自动避让文本框 (2) 打开开发工具菜单 文件/选项/开发工具 勾选上。

6K41

Excel图表学习:创建辐条图

先不要选择数据,单击功能区“插入”选项卡“图表”组中的“散点图——带直线的散点图”,插入一个空白图表,如下图6所示。 图6 如果需要,可以调整图表大小并将其移动到可用位置。...图12 添加数据系列标签,结果如下图13所示。 图13 下面,添加圆形网格线。 让我们在最大值和该值的1/3和2/3处添加3条网格线。...首先我们需要计算网格值,在单元格C22:C24中,添加了3个公式,如下图14所示。...因此,对于圆1,X值的最大圆将为: X_1: =Cos(t)*Max_Circle 要将圆形网格线添加到图表中,右键单击图表,单击“选择数据”,在“选择数据源”对话框中,单击“添加”按钮,如下图15所示...图19 最后,重新调整图表区域大小为: 高度:14cm 宽度:14cm 图表效果如下图20所示。 图20 小结 本文介绍了可以用来自定义图表类型的许多基础技术,值得仔细研究。

3.5K20

CAD操作大全

(Quick)渲染 【Shift】+【Q】 回到上一场景*作 【Ctrl】+【A】 回到上一视图*作 【Shift】+【A】 撤消场景*作 【Ctrl】+【Z】 撤消视图*作 【Shift】+【Z】 刷新所有视图...6】 显示/隐藏安全框 【Shift】+【F】 *显示/隐藏所选物体的支架 【J】 显示/隐藏工具条 【Y】/【2】 百分比(Percent)捕捉(开关) 【Shift】+【Ctrl】+【P】 打开/关闭捕捉...帖图材质(Texture)修正 【Ctrl】+【T】 加大动态坐标 【+】 减小动态坐标 【-】 激活动态坐标(开关) 【X】 精确输入转变量 【F12】 全部解冻 【7】 根据名字显示隐藏的物体 【5】 刷新背景图像...PEDIT 编辑多义线 PL PLINE 绘制多义线 PO POINT 绘制点 POL POLYGON 绘制正多边型 PR OPTIONS 选项 PRCLOSE PROPERTIESCLOSE 关闭对象特性修改对话框...PEDIT 编辑多义线 PL PLINE 绘制多义线 PO POINT 绘制点 POL POLYGON 绘制正多边型 PR OPTIONS 选项 PRCLOSE PROPERTIESCLOSE 关闭对象特性修改对话框

3.7K30

MastercamX5中文版实例教程

选择“文件”|“汇入目录”或者“文件”|“汇出目录”命令,打开如图1-14所示的“汇入文件夹”或Export folder(汇出文件夹)对话框。...图1-14 “汇入文件夹”/Export folder(汇出文件夹)对话框 图1-15  “更新文件”对话框 1.4.3 文件对比和文件追踪 文件对比功能可以用于比较当前设计与原有类似设计之间的区别。...图1-17  “工程文件管理”对话框 提示: 在“工程文件管理”对话框中,不选择任何允许保存的文件类型,并且不选中“在添加新机床组到这个文件的时候应用这些设置”复选框(如图1-17所示),将关闭项目管理功能...网格设置 网格点又称为栅格点,系统会自动捕捉这些网格点。网格是一种辅助绘图手段。 选择“屏幕”|“网格设置”命令,打开如图1-71所示的“网格参数”对话框,在其中可以进行相关参数的设置。 5....(4) 解释系统公差和串连公差的含义,以及如何进行设置。

3.4K20

ps快捷键

Ctrl + V 可以关闭当前图像。 Ctrl + Q 可以退出PS 平面。 如何新建文件夹: 1)文件菜单下有一个新建,快捷键是 Ctrl + N 。...【Ctrl】+【3】 设置“透明区域与色域”(在预置对话框中) 【Ctrl】+【4】 设置“单位与标尺”(在预置对话框中) 【Ctrl】+【5】 设置“参考线与网格”(在预置对话框中) 【Ctrl】+...) 【Ctrl】+【5】     设置“参考线与网格”(在预置对话框中) 【Ctrl】+【6】     外发光效果(在”效果”对话框中) 【Ctrl】+【3】     内发光效果(在”效果”对话框中)...(‘曲线’对话框中) 点按网格     删除点(‘曲线’对话框中) 【Ctrl】加点按点     取消选择所选通道上的所有点(‘曲线’对话框中) 【Ctrl】+【D】     使曲线网格更精细或更粗糙(...‘曲线’对话框中) 【Alt】加点按网格     选择彩色通道(‘曲线’对话框中) 【Ctrl】+【~】     选择单色通道(‘曲线’对话框中) 【Ctrl】+【数字】     打开“色彩平衡”对话框

3.9K50

在 jQuery Mobile 中使用 UI 组件

下面的代码显示如何将一个简单的 Web 页面超链接转换为一个将关联 Web 页面打开为一个对话框的超链接: Open dialog...有几种方法可以关闭对话框。第一个选项是简单地链接到另一个页面,这可以与用户的响应关联。...也就是说,仍然存在大量要调用列网格的情况。jQuery Mobile 包括一个布局网格,您可以使用它通过 CSS 类轻松地创建一个数据网格(清单 4)。 清单 4....增强列表 在您明白创建基本列表有多简单,您可能就会想要更多选项。对列表提供更多功能的一个选项称为拆分按钮列表。拆分按钮列表使您能够在同一个列表项中提供两个可单击的选项。...清单 14 显示了一个滑块元素示例,其 max 值为 10,min 值为 0,默认的 value 值为 2。 清单 14.

8K20

【SWT】常用代码(三)

final Shell shell = new Shell(display, SWT.DIALOG_TRIM); // 在 Shell 容器上采用网格式布局, GridLayout grid...ShellDialogExample(); } } 该实例的组件定位没有使用以前所介绍的 setBounds(int x ,int y ,int width ,int height) 方法进行组件的绝对定位,而采用了网格布局...关于 GridLayout 的知识详见第 7 章网格布局一节。 setImage(Image arg0)方法用来设置要显示的图片。...定义 Shell 对话框除了本例中用 SWT.DIALOG_TRIM 样式外,还可以用构造方法Shell shell=new Shell(new Shell())。...close()请求窗口管理器关闭接收者(这里指 Shell 窗体),窗口关闭方式与用户单击 “关闭框”或执行其他平台特定的按键和鼠标的组合,来指示应该被移出的窗口。

8110

FusionCharts参数说明补充

您可以随时更新海图在客户端,调用JavaScript函数的热点链接,或要 求作出动态XML数据不涉及任何页面刷新。您也可以指定一个DOMId的每个图表和有登记的JavaScript 。...你可以看到图表是如何初始化,获得的数据以及与 JavaScripts 。各种错误产生,也表明在这。所以,当你看到一个错误的图表现在,你需要做的是切换到调试模式,并确定了。 ...chart.setDataURL中若包含中文,charset应为GBK) chart.setDataXML(“<chart rotateYAxisName=’0′ baseFont=’宋体’ baseFontSize=’14...导出对话框配置相关的属性: showExportDialog Boolean (0/1) 是否要显示在捕获阶段的出口对话框。如果没有,开始捕获过程,但没有图表对话框可见。...exportDialogMessage String 该消息被显示在对话框中。默认为“捕捉数据:” exportDialogColor Hex Color 对话框背景颜色。

3K10

Inverse kinematics tutorial

也请参考如何导入/导出形状部分。弹出一个对话框询问网格缩放和网格方向。一个简单的形状被导入并位于场景的中间。这个形状也出现在主窗口左边的场景层次结构中。...取决于原始网格如何创建或导出的,这样的划分过程不能执行。在这种情况下,将不得不在 triangle edit mode三角形编辑模式中手动提取形状。...打开逆向运动学对话框,点击添加新的IK组。IK群组列表中出现了一个新项目:“IK_Group”。选中该项目,单击Edit IK elements打开IK元素对话框。...关闭IK元素对话框。在逆运动学对话框中,你可以自由地检查项目机构是否冗余,但在这个阶段,它不会有任何区别,因为没有已经被定义的关节限制或避障参数。 ? 我们的逆运动学任务准备好了!让我们来测试一下。...在同一个对话框中,检查 Object is model base对象是模型基项,然后关闭对话框。注意点画的包围框现在如何包围整个机械手: ?

1.3K30

Photoshop快捷键大全 【转需】

【[】或【]】 建立新渐变(在”渐变编辑器”中) 【Ctrl】+【N】 文件操作 新建图形文件 【Ctrl】+【N】 打开已有的图像 【Ctrl】+【O】 打开为… 【Ctrl】+【Alt】+【O】 关闭当前图像...【Alt】+【E】放开按【M】 预设画笔(在“预先调整管理器”对话框中) 【Ctrl】+【1】 预设颜色样式(在“预先调整管理器”对话框中) 【Ctrl】+【2】 预设渐变填充(在“预先调整管理器”对话框中...”(在预置对话框中) 【Ctrl】+【4】 设置“单位与标尺”(在预置对话框中) 【Ctrl】+【5】 设置“参考线与网格”(在预置对话框中) 【Ctrl】+【6】 设置“增效工具与暂存盘”(在预置对话框中...(“曲线”对话框中) 点按网格 删除点(“曲线”对话框中) 【Ctrl】加点按点 取消选择所选通道上的所有点(“曲线”对话框中) 【Ctrl】+【D】 使曲线网格更精细或更粗糙(“曲线”对话框中) 【Alt...】加点按网格 选择彩色通道(“曲线”对话框中) 【Ctrl】+【~】 选择单色通道(“曲线”对话框中) 【Ctrl】+【数字】 打开“色彩平衡”对话框 【Ctrl】+【B】 打开“色相/饱和度”对话框

2.3K10

Photoshop快捷键大全

【[】或【]】 建立新渐变(在”渐变编辑器”中) 【Ctrl】+【N】 文件操作 新建图形文件 【Ctrl】+【N】 打开已有的图像 【Ctrl】+【O】 打开为… 【Ctrl】+【Alt】+【O】 关闭当前图像...【Alt】+【E】放开按【M】 预设画笔(在“预先调整管理器”对话框中) 【Ctrl】+【1】 预设颜色样式(在“预先调整管理器”对话框中) 【Ctrl】+【2】 预设渐变填充(在“预先调整管理器”对话框中...”(在预置对话框中) 【Ctrl】+【4】 设置“单位与标尺”(在预置对话框中) 【Ctrl】+【5】 设置“参考线与网格”(在预置对话框中) 【Ctrl】+【6】 设置“增效工具与暂存盘”(在预置对话框中...(“曲线”对话框中) 点按网格 删除点(“曲线”对话框中) 【Ctrl】加点按点 取消选择所选通道上的所有点(“曲线”对话框中) 【Ctrl】+【D】 使曲线网格更精细或更粗糙(“曲线”对话框中) 【Alt...】加点按网格 选择彩色通道(“曲线”对话框中) 【Ctrl】+【~】 选择单色通道(“曲线”对话框中) 【Ctrl】+【数字】 打开“色彩平衡”对话框 【Ctrl】+【B】 打开“色相/饱和度”对话框

2.1K10

【音频处理】Melodyne 自动修正功能 ( 修正音高中心 | 修正音高补偿 | 节拍自动修正 | 量化时间 )

仔细观察编辑面板中的音符 , 很少有处于正中心位置的音符 , 大部分音符的音准都不准确 , 这里建议使用自动修正功能 进行修正 ; 菜单栏选择 " 编辑 / 音高修正 " 选项 , 弹出音高修正对话框...这种情况下修正音高补偿设置的高一些 , 使演唱更加精准 , 不跑调 ; 上述自动修正操作 , 如果没有选中音符 , 就是针对所有音符进行修正操作 ; 如果选中了音符 , 就是只针对选中音符进行修正操作 ; 上述对话框..., 调节完毕 , 点击 " 确定 " 按钮 , 自动校准的效果如下 , 所有的音符都处于标准音高位置 ; 二、节拍自动修正功能 ---- 选择 菜单栏 " 编辑 / 量化时间 " 选项 , 弹出..." 节拍自动修正 " 对话框 , 窗口中的进度条 " 量化强度 " 用于设置 " 音符对齐网格的精度 " , 100 表示绝对对齐 , 0 表示保持节拍不变 ; 点击 " 确定 " 按钮...; 如果选择 None , 会按照距离音符最近的节拍 , 自动进行对齐音符操作 ; 选择不同的量化值 , 编辑界面会显示不同的网格线进行参照 ; 下图是选择 16 分音符的网格线 ; 上述自动修正操作

8.2K10
领券