AjaxControlToolkit 手风琴控件对 Gridview 的分页模板产生不良影响

引言

在 GridView 中加载大量数据时，仅加载需要显示的页面并计算完整集合中的页数非常有用。在这种情况下，你会在 GridView 定义中编写一个 PagerTemplate。 在该定义中，我想使用一个 TextMode 定义为 Number 的 TextBox。 这会在你的 TextBox 中提供一个微调器。 如果你的 GridView 放置在 AjaxControlToolkit 的 Accordean 控件中，你将会发现，当你点击微调器时，只要鼠标停留在上面，微调器就会一直计数（无需点击后再次按下按钮）。

CSS 是解决此问题的途径。

背景

我的用户抱怨在使用 GridView 中的 TextBox 时，他们无法轻松地跳转到所需的 pagenumber。 “它一直计数”，是他们的抱怨。

Using the Code

我发现只有当 Gridview 位于 Accordeon 控件中时，才会出现这种行为。解决此问题的方法是在 Accordeon 模板中的 GridView 的 PagerTemplate 中使用 TextBox 时，不显示微调按钮。 这可以在你的 CSS 中轻松设置。 我所有的为 TextMode=Number 设置的 TextBox 控件都不再显示微调器了。

input[type=number]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            display: none;
        }

历史

• 2023年6月8日：v0.1：初始版本