Question

我对Material-UI包中的Modal元素有疑问。关闭模式只能通过按ESC键起作用。我要实现的是通过使用按钮并在背景中单击来关闭。如果重要的话，我正在最新版本的Chromium for Linux上进行测试。

这是我的EventContainer.js文件中的代码。

using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;


namespace APE.WPF.Controls.DynamicGrid
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        //public List<CsvGChart> DataContext1 { get; }

        public MainWindow()
        {
            InitializeComponent();
            ganttTab();
            tableTab();


        }

        public void ganttTab()
        {
            var random = new Random();
            var dataItems = new List<SampleGridItem>();

            for (int x = 0; x < 100; x++)
            {
                for (int y = 1; y < 10; y++)
                {
                    dataItems.Add(
                        new SampleGridItem()
                        {
                            ProductionDate = new DateTime(random.Next(2014, 2014), random.Next(1, 12), random.Next(1, 27)),
                            ProductName = string.Format("10-" + y),
                            ProductionCount = random.Next(1, 2) * random.Next(0, 30)
                        });
                }
            }

            DataContext = dataItems;


        }

        public void tableTab()
        {
            DataContext = FunctionalFun.UI.CsvParseDataService.ReadFile(@"Unit Records Sample.csv");
        }        
    }
}

Answer 1

您已将此this.showEventHandler绑定到onClose函数。尽管这不一定是不正确的，但它似乎是一种反模式，如果这是一个问题，我也不会感到惊讶。通常，无论您打开什么模式，模态都会出现在顶部。尝试将其删除并报告。

React Material-UI Modal仅在ESC键上关闭

1 个答案: