Question

晚上好，我尝试使用Vaadin 7.我使用CRUD示例： https://github.com/vaadin/archetype-application-example

ProductForm的布局由名为ProductFormDesign.html的文件定义。我尝试将一个按钮与弹出窗口结合使用。因此，当我按下按钮A时，我想要显示一个带有Text＆＃34; Hi＆＃34;的弹出窗口。任何人都可以给我一个提示吗？以下是Vaadin https://vaadin.com/docs/v7/framework/components/components-popupview.html中弹出窗口实现的文档。这是ProductFormDesign.html：

<!doctype html>
<html>
<head>
<meta name="package-mapping" content="x:org.vaadin.mockapp.samples.crud"     />
</head>
<body>
<v-css-layout id="product-form" style-name="product-form-wrapper">
<v-vertical-layout height-full spacing style-name="form-layout">
    <v-text-field caption="Product name" _id="productName" width-full />
    <v-horizontal-layout width-full spacing>
        <v-text-field caption="Price" _id="price" width-full />
        <x-number-field _id="stockCount" caption="In Stock" width-full />
        </v-horizontal-layout>
        <v-combo-box caption="Availability" _id="availability" width-full null-selection-allowed=false text-input-allowed=false />
        <x-category-field _id="category" caption="Categories" width-full />
        <v-css-layout :expand style-name="expander" />
        <v-button style-name="primary" _id="save">Save</v-button>
        <v-button style-name="cancel" _id="cancel" click-shortcut="escape">Cancel</v-button>
        <v-button style-name="danger" _id="delete">Delete</v-button>
    </v-vertical-layout>
</v-css-layout>
</body>
</html>

我现在如何广告按钮和文本字段。但我不明白如何在Vaadin文档的帮助下实现弹出窗口。我已经用这个话题花了7个小时，我不知道。谷歌也没有给我答案或帮助。谢谢！

Vaadin 7 - 尝试在css中为archetype-application-example添加一个弹出窗口

0 个答案: