如何在xaml中集成一个简单的ContentDialog? (C#)

时间:2018-07-30 13:24:36

标签: c# xaml uwp uwp-xaml

我不太了解如何制作一个简单的ContentDialog。基本上,我想有一个按钮,当按下ContentDialog时会弹出。 ContentDialog应该至少有1个按钮。我想我错过了一些东西。我试图将代码的一部分放入其中,但是在构建程序时出现错误。我的猜测是,我仍然必须在XAML中输入一些内容才能使其正常工作。这是.XAML的默认代码(在文章底部,您找到了我要放入的代码):

    var mongoose = require("mongoose");

    var FriendGroupSchema = new mongoose.Schema({
        name: String,
        public_or_private: { type: String, enum: ["public", "private",] },
        friends: [
            {
                user: {
                    type: mongoose.Schema.Types.ObjectId,
                    ref: "friend"
                },
                admin: Boolean
            }
        ]
    });

module.exports = mongoose.model("friend_group", FriendGroupSchema);

现在我必须将守则的这一部分放在哪里?我需要添加一些东西吗?我在这里想念什么?

<form action="/user/<%= user._id %>/newfriendgroup" method="POST">
    <% user.friends.forEach(function(selected_friend){ %>
        <p>--------</p>
            <div><img src="<%= selected_friend.user.profile_picture %>"></div>
            <div><h4><%= selected_friend.user.username %></h4></div>
            <h4>level: <%= selected_friend.level %></h4>
            <a href="/user/<%= selected_friend.user._id %>">more</a><br>
            <input type="checkbox" id="<%= selected_friend._id %>" name="<%=selected_friend._id%>" value="<%= selected_friend._id %>">
        <p>--------</p>
    <% }); %>
</form>

1 个答案:

答案 0 :(得分:1)

源自official document

  

使用ContentDialog来请求用户输入,或在模式对话框中显示信息。您可以使用代码或XAML将ContentDialog添加到应用程序页面,也可以创建派生自ContentDialog的自定义对话框类。这两种方式都在本主题的示例部分中显示。

有很多方法可以将ContentDialog集成到页面中,如果只编写一个简单的ContentDialog,则可以在后面的代码中实现它。

private async void DisplayNoWifiDialog()
{
    ContentDialog noWifiDialog = new ContentDialog()
    {
        Title = "No wifi connection",
        Content = "Check connection and try again.",
        CloseButtonText = "Ok"
    };

    await noWifiDialog.ShowAsync();
}

如果要使用xaml实现它,请将ContentDialog放在根Grid的底部。例如:

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="This is ContentDialog"/>
    <Button Click="Button_Click" Content="ClickMe"/>
    <ContentDialog x:Name="test" PrimaryButtonText="Ok" SecondaryButtonText="Cancel"  Tapped="OnOptionItemTapped" ></ContentDialog>
</Grid>

请注意,您提供的ContentDialog缺少>结束标记。有关更多信息,请参阅this