是否有可以在 ExtJS 中的 Ext.grid.Panel 上调用的函数，如果其中一些列在默认情况下隐藏，则可以使所有列可见？每当最终用户需要显示隐藏的列时，他们需要单击每一列。下面，我有一些代码可以在您选择字段标题时添加自定义菜单选项。我想执行此功能，以便显示所有列。

作为下面的示例，我默认隐藏了“项目 ID”和“用户创建”。通过选择“选择所有列”将打开这些列，以便它们显示在列表视图中。

        listeners: {

            ... 

            },
            afterrender: function() {
                var menu = this.headerCt.getMenu();
                menu.add([{
                    text: 'Select All Columns',
                    handler: function() {
                        var columnDataIndex = menu.activeHeader.dataIndex;
                        alert('custom item for column "'+columnDataIndex+'" was pressed');
                    }
                }]);           
            }
        }
    });

============================

答案（带代码）：

这是我根据下面 Eric 的代码决定做的事情，因为隐藏所有列是愚蠢的。

            afterrender: function () {
                var menu = this.headerCt.getMenu();
                menu.add([{
                    text: 'Show All Columns',
                    handler: function () {
                        var columnDataIndex = menu.activeHeader.dataIndex;
                        Ext.each(grid.headerCt.getGridColumns(), function (column) {
                            column.show();
                        });
                    }
                }]);
                menu.add([{
                    text: 'Hide All …

我正在尝试做的事情：

1. 我有一个包含 Kendo UI 控件的表单，如页面前半部分的 DatePicker(s)、Dropdownlist(s)、NumericTextBox(s)

2. 下半部分有一个 Kendo UI MVC Grid 控件

   • 此Kendo UI Grid 控件有8 列，其中2 列具有Kendo 下拉列表(EditorTemplate) 和CheckBox(EditorTemplate)。
   • Kendo UI Grid 控件是 Ajax 绑定。

3. 单击保存按钮时，来自 Kendo UI 控件（前半部分）和 Kendo UI 网格控件（后半部分）的所有值都作为 Json 对象通过“Ajax Post”发布到控制器。

4. 我在上述过程中使用模型绑定

问题或我面临的问题：

带有其他 Kendo UI 控件的表单的前半部分将它们的值正确地发布到控制器，但是由于 Kendo UI Grid 在发布某些列值时遇到了一些问题

• Kendo UI Grid 中数据类型为 decimal 的列未发布值

• EditorTemplate 控件（如 CheckBox 和 kendo 下拉列表）在被选中时会显示"[Object Object]"下拉列表的值和布尔值的实际值，而不是复选框控件。

我的问题是我设置到我的网格的图像没有出现，唯一出现的是黑色背景，所以我知道网格正在工作。我是菜鸟，我很困惑。谢谢您的帮助 ：）

代码：

    public partial class MainWindow : Window
    {
        static String ImgNameMole = "C:/Users/MonAmi/Desktop/mole2.png";

        public MainWindow()
        {
            InitializeComponent();
            GridMain();
        }

        private void GridMain()
        {
            Grid grid_Main = new Grid();
            MainWindow1.Content = grid_Main;
            grid_Main.Height = 350;
            grid_Main.Width = 525;

            grid_Main.Background = Brushes.GreenYellow;

            CreateImage();

        }

        private Image CreateImage()
        {
            Image Mole = new Image();
            Mole.Width = 25;
            Mole.Height = 25;
            ImageSource MoleImage = new BitmapImage(new Uri(ImgNameMole));
            Mole.Source = MoleImage;
            return Mole;
        }
    }

我可以col col-xs-12在不使用 js/jquery 的情况下在大屏幕上删除或覆盖元素吗？我只需要col col-xs-12在较小的屏幕上。

移动/小屏幕，

<div class="col col-xs-12">
      <input type="checkbox" name="delete[]" value="" class=""/>
</div>

在大屏幕上，

<div class="col col-xs-12">
      <input type="checkbox" name="delete[]" value="" class=""/>
</div>

我正在寻求绘制一个网格，我将在其上添加一些简单的矩形，再次使用 SVG。在浏览器中查看时，网格应适合单个页面。怀疑我遗漏了一些非常简单的东西，但我是否为此结果编写了 SVG（视口和网格）？即网格？我已经阅读了指定一个视图框的建议，该视图框定义了文档画布的内部坐标系；还可以将高度和宽度属性设置为百分比 (?)。理想的最终结果（最终是一张地图）是有网格线。

我正在创建一个Frame使用网格管理器的。我有一个Label小部件。我希望标签小部件填充到它所在的框架中。但是框架会根据标签小部件调整自身大小。我试过使用方法grid_propagate(False)。但它似乎不起作用。我不知道这是我使用它的方式还是其他原因。

def fields(self):
    frame_row = 0
    frame_column = 0
    row_count = 0
    color = "red"
    
    for i in range(50):
        self.bfr2.columnconfigure(frame_column, pad=10)
        self.bfr2.rowconfigure(frame_row, pad=10)
        
        self.frame = Frame(self.bfr2, bg="grey", width=229, height=120)
        self.frame.grid(row=frame_row, column=frame_column)
        self.frame.grid_propagate(False) #This is where it should prevent the Frame from re sizing but it does not.

        self.sum = Label(self.frame, bg="green", text="This is a summary of a note")
        self.sum.pack(side=TOP, fill=BOTH)
        
        frame_column = frame_column + 1
        row_count = row_count + 1

        if row_count == 2: …

我在包含 3GroupBoxe秒的网格中有一个列。最后GroupBox一个Grid包含两个元素：aButton和 a TreeView（垂直）。该TreeView/折叠应该有一个动态的高度，因为它包含可展开的元件。

包含所有元素的窗口可以由用户调整大小。

如果窗口太小，你就看不到所有的分组框，所以我需要一个滚动条。我可以向下滚动，但是如果我想TreeView通过鼠标滚轮在里面滚动，则什么也不会发生。

这是我的代码：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <GroupBox Header="Test 1" Grid.Row="0">...</GroupBox>

    <GroupBox Header="Test 2" Grid.Row="1">...</GroupBox>

    <GroupBox Header="Test 3" Grid.Row="2">

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <CheckBox Content="All" Grid.Row="0"/>

            <TreeView x:Name="NameTree" 
                Grid.Row="1"
                ItemsSource="{Binding Names}"/>
        </Grid>

    </GroupBox>

</Grid>

解决方法可能是将第 3 行设置为固定大小，而不是使用 *. 在这种情况下，我将使用两个滚动条（ScrollViewer 和 TreeViews 滚动条，但我想要第三个 groupbox 的动态高度。

我只是想知道是否有办法使用 tkinter 抓取并调整网格小部件的一列或一行的大小（当您抓取窗口的边框并拉动它以调整窗口大小时）。

我想到了一个按钮，也许是一个按下的事件或其他什么，但我不知道如何将鼠标位置转换为列宽或行高。

我想抓取和调整大小的红色箭头]：

def initUI(self):
    self.parent["bg"] = self.main_color
    self.parent.title("Super Pipe")
    self.grid(sticky = N + S + E + W)

    self.parent.bind("<F5>", self.refresh)

    menu_bar = Menu(self.parent)

    menu_file = Menu(menu_bar, tearoff = 0)
    menu_file.add_command(label="New project", command = self.newProjectCommand)
    menu_file.add_command(label="Set project", command = self.setProjectCommand)
    menu_file.add_separator()
    menu_file.add_command(label="Quit", command = self.parent.destroy)
    menu_bar.add_cascade(label="File", menu = menu_file)

    menu_edit = Menu(menu_bar, tearoff = 0)
    menu_edit.add_command(label = "Clean backups", command = self.cleanBackupsCommand)
    menu_edit.add_command(label = "Clean student versions", command = self.cleanStudentCommand)
    menu_edit.add_separator()
    menu_edit.add_command(label = "Project settings", command = self.projectSettingsCommand) …

为什么网格系统在 6.4.1 中停止工作了？它在 6.3.1 中工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.1/css/foundation.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.1/js/foundation.min.js"></script>

<div class="row">
  <div class="medium-2 columns">2 columns</div>
  <div class="medium-10 columns">10 columns</div>
</div>
<div class="row">
  <div class="medium-3 columns">3 columns</div>
  <div class="medium-9 columns">9 columns</div>
</div>

<script>
  $(document).foundation();
</script>

有任何想法吗？

我需要两张图片在 CSS 网格布局中重叠而不作弊，并且必须使用 CSS 网格来完成。意味着它应该留在布局单元中。这是我正在做的事情： “中间”应该在图片中居中，并且都在页面上居中，分别是“横幅”单元格

以下 CSS 布局应该保持不变：

.container {
    display: grid;
    grid-template-columns:  15% 70% 15%;
    grid-template-rows: 20% 20% 20% 20% 20%;
    grid-gap: 2px;
    grid-template-areas:
        'banner banner banner'
        'sidebar content fb'
        'sidebar content fb'
        'sidebar content fb'
        'src src src';
}

.banner {
    grid-area: banner;
}

我已经尝试过这些方法：

justify-items: center;
justify-content: center;
align-content: center;
align-self: center;
text-align: center;

使用绝对位置的方法效果很好，但它完全忽略了网格，因此实际网格位于图片下方。可以对“横幅”单元格应用填充以向下推内容，但这是我想要避免的那种作弊。

我需要这 2 张图片在这个“横幅”单元格中保持重叠，但是由于 CSS 网格很新，我的选项用完了，而且没有很多答案。

HTML：

<body class="body">

<div class="container">

    <div class="banner"> 

        <img id="skyline" src="Pictures/SkylinePH.jpg"> 
        <img id="logo" src="Pictures/Logo2.png">            

    </div>  



</div>  

我非常感谢任何帮助！先感谢您 …