标签: grid

我尝试使用 Sylius Grid 系统来简化我的文章管理。因此，我按照Sylius 文档进行操作，看到了显示我的文章的网格。然后我添加了操作按钮，但是当我想使用它们时，出现错误（仅适用于编辑和创建。删除效果很好）：Class "form" is not configured for resource "blog.article".

我知道它找不到任何 FormClass 来呈现我的文章，但是文档中没有此信息，我想我在文档（我不记得是哪个）上看到表单是根据实体。

这是我的代码：

资源声明：

sylius_resource:
    resources:
        blog.article:
            driver: doctrine/orm
            classes:
                model: BlogBundle\Entity\Article

网格配置：

sylius_grid:
    grids:
        blog_admin_article:
            driver:
                name: doctrine/orm
                options:
                    class: BlogBundle\Entity\Article
            sorting:
                date: asc
            fields:
                titre:
                    type: string
                    label: sylius.ui.title
                    sortable: ~
                date:
                    type: datetime
                    label: sylius.ui.date
                    sortable: ~
                resume:
                    type: string
                    label: sylius.ui.resume
                    sortable: ~
            filters:
                search:
                    type: string
                    label: sylius.ui.search
                    options:
                        fields: [titre, resume ]
            actions:
                main:
                    create:
                        type: create
                        label: …

<h1>当标签在超小或小屏幕尺寸上显示时，有什么方法可以更改标签的文本大小吗？

因为<h1>它有自己的默认尺寸，对于中号来说是正常的，但是对于小号和超小号来说是非常大的。

我想在小屏幕尺寸或超小屏幕尺寸时更改该尺寸。

我是 bootstrap 4 的新手。尝试创建一个网格系统，该系统在较宽的屏幕中保留对齐的内容，在较小的屏幕中保留居中的内容。

我有这个片段： https: //www.codeply.com/go/NnGivBjnBd

我可以通过将 class="row justify-content-center" 添加到“row”div 来对齐到中心。但是，我没能仅针对 lg 断点使其左对齐。有任何想法吗 ？谢谢沙吉

我正在尝试使用 HashMap 实现稀疏网格，但是似乎重写 hashCode() 并没有按照我的预期工作。我将问题归结为以下代码：

public class Main {

private static class Coord {
    int x, y;

    public Coord(int x, int y) {
        this.x = x;
        this.y = y;
        }

        @Override
        public int hashCode() {
            // See https://en.wikipedia.org/wiki/Pairing_function#Cantor_pairing_function
            return (((x + y) * (x + y + 1)) / 2) + y;
        }
    }

    public static void main(String[] args) {
        HashMap<Coord, String> grid = new HashMap<Coord, String>();
        grid.put(new Coord(0, 0), "A");
        System.out.println(grid.get(new Coord(0, 0)));
    }
}

我期望输出是：

A

但是，输出是：

null …

我有这个屏幕，用户可以更改高度，基于此，我希望ScrollViewer在需要时显示滚动条，但它的大小始终相同。

请注意，只有父网格的第二行会更改大小（*），并且基于该大小我想要我的大小，并且基于滚动条应显示ScrollViewer的内部网格内容（通过代码动态添加）。ScrollViewer

<Grid Style="{StaticResource PopupBody}">
    <Grid.RowDefinitions>
        <RowDefinition Height="50" />
        <RowDefinition Height="*" />
        <RowDefinition Height="50" />
    </Grid.RowDefinitions>

    <!-- Header Panel -->
    <StackPanel x:Name="PopupHeader"
                    Grid.Row="0">
        <Label x:Name="PopupTitle"
                Style="{StaticResource PopupTitle}"
                Content="Column Updatable Detail"/>
    </StackPanel>

    <!-- Body Panel -->
    <DockPanel x:Name="PopupBody"
                    Grid.Row="1"
                    Margin="10,10,10,0" Height="350" VerticalAlignment="Top">


        <StackPanel DockPanel.Dock="Top" Margin="{StaticResource MarginSmallHorizontal}">
            <Grid Margin="{StaticResource MarginSmallVertical}">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="50" />
                    <ColumnDefinition Width="250" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>

                (... Hidden to be more readable ... ) …

我在网格内有 2 行，因为第一行具有固定大小。我正在尝试在这里应用该OnIdiom功能。尝试如下：

<Grid.RowDefinitions>
    <RowDefinition>
        <RowDefinition.Height>
            <OnIdiom x:TypeArguments="x:Double">
                <OnIdiom.Phone>30</OnIdiom.Phone>
                <OnIdiom.Tablet>60</OnIdiom.Tablet>
            </OnIdiom>
        </RowDefinition.Height>
    </RowDefinition>
    <RowDefinition Height="auto"/>
</Grid.RowDefinitions>

但在错误列表中出现以下错误：

No property, bindable property, or event found for 'Height', or mismatching type between value and property.

RowDefinition 高度 OnIdiom 属性的正确格式是什么？

我真的很感激一些关于找出grid几何管理器的帮助。

这就是我想要构建的。

我正在考虑使用网格，但我找不到任何好的教程可以清楚地解释如何使用它。有很多教程，但大多数都非常简单或非常过时。

我不确定如何仅使用网格来构建图片中显示的内容，因为所有元素都嵌套在彼此内部，并且每个元素应该在其中包含更多元素。使用网格排列最外面的小部件并不难。我只是将工具栏放入第 0 行，然后将最外面的 PanedWidow（绿色）放入第 1 行，然后将状态栏放入第 2 行。之后我需要在绿色 PanedWindow 内安排一些东西。我将另一个 PanedWindow（粉色）放入绿色 PanedWindow 的右窗格中，然后将笔记本粘贴到其顶部窗格中。

现在，我需要向这些内部窗格添加更多小部件。例如。我将在粉红色 PanedWindow 的底部窗格中添加一些按钮。这就是我遇到问题的地方。

如果我尝试使用pack()这些最里面的窗格来排列事物，Python 会因为我使用多个几何管理器而对我尖叫。但是当我考虑如何使用 来完成此操作时grid，我只是找不到将最里面的窗格细分为更小的网格的方法。

Widget 内部是否可以存在已受到外部网格作用的网格？

我想对齐两个组件以在两列上显示一些数据，我遵循了官方教程 Vuetify Grid。在我的案例中，组件像行列表一样固定，在屏幕上我放置红色方块来显示我的目标，并显示代码的结果。另外，我尝试更改row为column但不起作用，它保留在两行中。

    <v-container>
      <v-layout row>
        <v-flex xs6>Associado: {{item.nameUser}}</v-flex>
        <v-flex xs6>Associado: {{item.nameUser}}</v-flex>
      </v-layout>
    </v-container>

完整代码

    <template>
  <v-content class="pa-1" fluid>
    <v-btn
      color="blue"
      dark
      small
      fixed
      bottom
      right
      fab
      @click="showRegisterTransactionDialog = true"
    >
      <v-icon>mdi-plus</v-icon>
    </v-btn>

    <v-data-table
      :mobile-breakpoint="NaN"
      :headers="headers"
      :items="transactionsLocal"
      :items-per-page="3000"
      :hide-default-footer="true"
      :single-expand="singleExpand"
      :expanded.sync="expanded"
      item-key="id"
      show-expand
      sort-by="showDate"
      class="elevation-1"
    >
      <template v-slot:top>
        <v-toolbar flat color="white">
          <v-toolbar-title>Fluxo de caixa</v-toolbar-title>
          <v-divider class="mx-4" inset vertical></v-divider>
          <v-spacer></v-spacer>
        </v-toolbar>
      </template>

      <template v-slot:item.value="{ item }">
        <div style="color:green;" v-if="item.type == 'entry'">{{item.value}}</div>
        <div v-else style="color:red;">{{item.value}}</div>
      </template>

      <template …

我是 vaadin 的新手，目前正在探索 vaadin 24。为什么这个简单的网格没有显示？

public class MainView extends VerticalLayout {
    public MainView() {
        Grid<String> grid = new Grid<>();
        grid.setSizeFull();
        grid.addColumn(s->s);
        grid.setItems("foo");
        add(grid);
    }

这个问题很久以前就被问过，但我找不到可行的解决方案。在 Firefox 和 Edge 中，网格显示为水平线。我已经尝试setSizeFull()过包含VerticalLayout（上面的代码中未显示）并将网格“包装”到Div. 我缺少什么？

基本上,似乎Tkinter中的grid_forget()方法仅适用于程序中的某些小部件而不适用于其他小部件.当我按下"重启"按钮时,我希望屏幕清除,然后再次出现启动小部件,就像用户已关闭并重新打开程序一样.

不幸的是,当我按下按钮时,一些小部件消失了,有些小部件则没有.我在所有这些方法上使用了grid_forget()方法,所以我不太清楚问题是什么.似乎保持可见的那些是我在程序运行时与之交互的那些 - 例如,条目小部件和按钮.我找不到任何详细说明这个问题的在线文档,所以我想我会请求帮助.

我的代码(或者至少是它的"重启"按钮位)如下:

    def RetryButtonClick(self):

        """Note to self: this needs to be fixed"""
        self.labelvar.set("")
        self.textvar1.set("")
        self.textvar2.set("")
        self.LabelIndiv.config(state=NORMAL)
        self.LabelIndiv.grid_forget
        self.textEntryIndiv.config(text="", state=NORMAL)
        self.textEntryIndiv.grid_forget
        self.FirstEntry.config(state=NORMAL)
        self.FirstEntry.grid_forget
        self.LastLabelB.config(state=NORMAL)
        self.LastLabelB.grid_forget
        self.ImportAll.config(state=NORMAL)
        self.ImportAll.grid_forget
        self.OpenButtonIndiv.config(state=NORMAL)
        self.OpenButtonIndiv.grid_forget
        self.OpenButtonBatch.config(state=NORMAL)
        self.OpenButtonBatch.grid_forget
        self.RetryButton.grid_forget
        self.Label3.config(text="")
        self.Label5.config(text="")
        #self.master.grid_forget()
        self.startwindow()

self.startwindow()是定义窗口小部件及其在屏幕上的位置的函数,这似乎工作得很好.我确定问题必须在这一点,但我不知道到底是什么.我尝试将状态更改为小部件的正常状态,因为之前的功能会禁用它们,但这似乎不起作用.我也尝试在主框架上使用grid_forget self.master,但同样,只留下了我与之交互过的小部件 - 比如说- textEntryIndiv并且OpenButtonIndiv- 在屏幕上可见 - 其余的都消失了.

如果有人对此有任何想法,我会非常感谢你的帮助.如果需要的话,我可以提供更多的代码,但是有很多代码,这就是为什么我没有把这些代码放在这里.

编辑/ UPDATE:

没关系.似乎在没有我实际做任何事情的情况下修复了自己 - 实际上,它的工作没有我对代码进行任何更改.现在我觉得发布这个是不必要的.那好吧.