问题标签 [dx-data-grid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
894 浏览

angular - 如何以编程方式设置 dxo-lookup 的数据源

我有 3 列的 dx-data-grid。其中两个使用 dxo-lookups。其中一个的数据源依赖于另一个的值。在什么事件上我应该以编程方式设置此查找的数据源到目前为止我所做的是:我捕获了 dx-data-grid 的 onEditorPreparing,并且我设法设置了数据源,但问题是,当我展开查找时它是空的,它没有刷新用户界面

0 投票
1 回答
105 浏览

vue.js - 将 CoreUI 图标添加到 Vue.js 中的 DevExtreme dxDataGrid 列标题

目前我正在为旧版 API 开发新的 UI。不幸的是,这个提供了列标题的 HTML 源代码。此代码通常会创建一个 FontAwesome 图标。该库将不会在新项目中使用。

我在 CoreUI 的图标库中发现了一个非常相似的图标。现在只需在这一点上渲染图标。然而,到目前为止,还没有一种方法是成功的。如何替换 headerCellTemplate 方法中的图标?

或者也许有一种完全不同的、更好的方法来做到这一点。我不知道我是否在使用这种方法的正确轨道上。您可能可以使用静态模板,但我不知道该怎么做。

0 投票
1 回答
46 浏览

overlay - Devextreme 覆盖控件显示为两个实例

我在我的页面中使用 Devextreme dxDataGrid 控件,我面临删除确认对话框和拖放覆盖显示两个实例而不是一个的问题。

以下是截图: 删除确认对话框有 2 个实例

行拖动预览显示 2 行

0 投票
1 回答
466 浏览

devexpress - 使用 Skip / Take loadOptions 在 DevExtreme dxDataGrid 上进行分页

我们有一个包含大量数据的表,我不想为我的 dxDataGrid 一次加载它。

我想用 dxDataGrid 的 DataSourceLoadOptions 提供的 Skip / Take 实现分页。

这是我的控制器:

这是返回数据的服务:

查看 SQL 探查器,这需要前 40 条记录,但 dxDataGrid 当然不知道记录的总数,因此分页不可用。

在这种情况下,实现我想要的最佳方法是什么?

非常感谢

0 投票
1 回答
252 浏览

devexpress - dxDataGrids 不适用于 Bootstrap 选项卡

我刚刚将 DevExtreme 从 17.1.4 更新到 20.2.7。几乎一切工作正常。但是,dxDataGrids 现在遇到了以前没有的 Bootstrap 选项卡问题。我有 6 个 bs 选项卡;每个网格 1 个。以前从来没有问题,但现在只有最初活动的选项卡显示数据,移动到另一个选项卡显示一个空网格..它甚至没有列名。

我试过的:

使用 Bootstrap 选项卡事件来确定哪个选项卡处于活动状态,然后刷新网格(丑陋的 hack):

这种作品..但它有以下3个问题:

  1. 每次更改选项卡时都必须从服务器获取数据..

  2. 不显示任何网格的任何列名(页面加载时的第一个除外)

  3. 出于某种原因,第一列现在非常宽,并且网格根本没有响应......除了第一个显示页面加载时。

我也试过打电话updateDimensions()..但这没有任何区别:

请告诉我如何解决这个问题。

编辑:如果这里有一些误解,问题似乎是新版本似乎在一个不可见的容器内初始化有问题,而旧版本工作得很好。这就是为什么我尝试在事件中刷新网格shown.bs.tab,但这无济于事,正如我上面提到的。

0 投票
0 回答
145 浏览

typescript - 无法访问 DxDataGrid 的 DOM 元素

我正在尝试通过其 id 访问 dx-data-grid 的 DOM 元素,问题是我得到的都是空的,我不知道为什么,有什么想法吗?

HTML 代码:

打字稿代码:

0 投票
0 回答
145 浏览

devexpress - DxDataGrid 中的自定义行过滤器(devextreme 数据网格)

我需要为具有模板的列创建一个自定义行过滤器(有两个状态,真假)

  1. 首先,我是否需要将dataField="xxxx"属性传递给<dxi-column>即使我可以访问模板中的数据行?<dxi-column>(为了防止显示标准过滤器,我没有将此属性放入)
  2. 如何构建组合框(或允许我在两种状态之间进行选择的控件)并过滤网格?
0 投票
1 回答
494 浏览

angular - devextreme angular - 设置 DxDataGrid 自定义 headerFilter 的初始过滤器值

如果包含这样的自定义表达式,如何设置起始 headerFilter 值?设置filterValues="xxx > 0"不起作用

0 投票
0 回答
86 浏览

devexpress - DxDataGrid 自定义寻呼机

我需要自定义 DxDataGrid 的分页器,因为默认分页器将页面选择器定位在窗口的右侧,我希望此元素显示在左侧。我不知道我是否需要创建一个单独的 DxPager 来实现这一点,或者使用 DxDataGrid 组件就足够了。另一件事,我试图避免使用 javascript,所以我想只使用 DevExpress 组件来执行此操作。谢谢。

0 投票
0 回答
176 浏览

javascript - 如何设置 dxDataGrid 列数据类型和时间格式

我的 dxDataGrid 列包含开始和结束时间。代码就像,

来自作为 DateTime 格式的 dataSource 值。但它在网格/Date(1624939200000)/中显示为“”,而 TimeSpan 值显示为“ [object Object]”。我该如何解决这个问题?