当前位置：文江博客话题详情

我有一个 Sencha Ext.js Gridpanel，最后一列中的文本超出了网格边缘。知道为什么会发生这种情况吗？

发布于 2025-01-17 22:56:20 字数 291 浏览 1 评论 0原文

我有一个sencha ext.js gridpanel的问题区域

，最后一列中的文本正在超出网格的边缘。知道为什么会发生这种情况吗？最后一列（参考）也无法解析。我是Extjs的新手。下面的屏幕截图。标记为蓝色的问题区域。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

归途 2025-01-24 22:56:20

您可能为每列设置了一个修复宽度吗？

在这种情况下，您只需设置 flex 值（例如1）到您的最后一列。

这样，列将占据右侧的“自由”空间。

当然，您可以将FLEX值给其他任何列。在我看来，主要问题是“未使用”空间。

这是一个代码示例：

columns: [
    { text: 'First column', dataIndex: 'fc', width: 200 },
    { text: 'Second column', dataIndex: 'sc'; width: 50 },
    { text: 'Third column', dataIndex: 'tc', flex: 1 }
],

You probably have set a fix width for every column?

In that case you could just set a flex value (e.g. 1) to your last column.

That way the column will take up the "free" space to the right.

You could of course give the flex value to any other column. In my opinion the main problem is the "not used" space.

Here is a code example:

columns: [
    { text: 'First column', dataIndex: 'fc', width: 200 },
    { text: 'Second column', dataIndex: 'sc'; width: 50 },
    { text: 'Third column', dataIndex: 'tc', flex: 1 }
],

回复收藏 0 原文

幸福％小乖 2025-01-24 22:56:20

正如@KaMun 所建议的，您遇到了未使用空间的问题！
使用整个网格空间快速构建每列宽度的一个好方法是flex 列配置。

对于我的网格，默认情况下我喜欢通过在列的默认值中定义它来给每列相同的“权重”（flex = 1）。如果您确定某些列始终具有相同的大小，则可以随时覆盖指定列的宽度的flex配置。

在下一个示例中，最后一列的固定宽度为 120，而其他两列将以 50%-50% 的方式划分剩余空间，因为它们共享相同的权重 (flex = 1)：

columns: {    
    defaults: {
        flex: 1
    },        
    items: [
        { text: "First Name", dataIndex: "firstName"},
        { text: "Last Name", dataIndex: "lastName"},            
        { text: "Birth Date", dataIndex: "birthDate", xtype: "datecolumnn", width: 120}
    ]
}

As suggested by @KaMun you have a problem of unusued space!
A nice way to quickly build the width of every column using the entire grid's space is the flex config of columns.

For my grids, by default I like give every columns the same "weight" (flex = 1) by defining it in the columns'defaults. If you are sure some columns will always have the same size, you could always override the flex config specifying the width of the column.

In the next example, the last column will have a fixed width of 120, while the other two columns will divide the remaining space in 50%-50% way, cause they share the same weight (flex = 1):

columns: {    
    defaults: {
        flex: 1
    },        
    items: [
        { text: "First Name", dataIndex: "firstName"},
        { text: "Last Name", dataIndex: "lastName"},            
        { text: "Birth Date", dataIndex: "birthDate", xtype: "datecolumnn", width: 120}
    ]
}

回复收藏 0 原文

~没有更多了~