剑道网格调整大小列不显示其标题单元格的调整大小句柄

Posted 2023-05-07

【中文标题】剑道网格调整大小列不显示其标题单元格的调整大小句柄

【英文标题】：Kendo Grid resizing column does not show resize handle of their header cells

【发布时间】：2020-09-30 08:18:24

【问题描述】：

我在 ASP.NET Core 中有以下剑道网格。网格正在使用BindTo 方法将网格绑定到模型

@(html.Kendo().Grid<AccountGridModel>()
        .Name("MyGrid")                        
        .Columns(col =>
        
            col.Bound(p => p.AccountID).ClientTemplate("<input type=\"radio\" name=\"mt-acct\" class=\"mt-act\" />").Width(30).Title(" ");
            col.Bound(p => p.AccountNumber).ClientTemplate("<a href=\"#= ExternalAccountLink #\" target=\"_blank\">#= AccountNumber #</a>").Width(250).Title("Account Number");         
            col.Bound(p => p.AccountType).Width(200).Title("Account Type");     
            col.Bound(p => p.AccountDescription).Width(200).Title("Account Description");
        )
        .AutoBind(true)
        .BindTo(Model.Accounts)
        .Pageable()
        .Sortable(sortable => sortable
            .AllowUnsort(true)
            .SortMode(GridSortMode.MultipleColumn))
        .Resizable(resize => resize.Columns(true))
 )

我已在所有列上设置宽度并启用调整大小。想法是一旦设置好，用户可以通过拖动标题单元格的边缘（调整大小手柄）来调整列的大小。

问题 1> 当网格渲染时，当我悬停在列边缘时，我看不到调整大小的句柄。 2> 如何设置页面大小？网格没有使用 Ajax。在 Ajax Call 中，我们可以像这样设置页面大小 .DataSource(ds => ds.Ajax().PageSize(50)) 我如何在此处使用默认页面大小

【参考方案1】：

对于问题 1 - 没有看到调整大小句柄，您是否包含剑道 CSS 样式（在您的布局或此页面中）？

对于问题 2：即使您绑定到本地数据，您仍然可以在 DataSource 上设置 PageSize（只需将 ServerOperation 设置为 false），请参阅下面来自 the example here 的代码。

.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)
    .ServerOperation(false))

【讨论】：

对于问题 1，kendo css 包含在布局页面中，但现在仍然有效。问题 2 已根据您的建议修复

即使未显示悬停调整大小图标，列调整大小是否有效？有趣的是，也许搜索一下是否有任何代码对 k-resize-handle 做任何事情，就像这个问题一样 ***.com/q/57617740/493557 总猜测。它可以在不同的浏览器中使用吗？

无列调整大小不起作用，我也看不到调整大小图标

您使用的是最新版本的剑道吗？看起来早在 2017 年就有一个错误 - 这不适用于您，是吗？ github.com/telerik/kendo-ui-core/issues/3623