devextreme 相关问题

优化 React 状态更新以避免不必要的重新渲染

我正在开发一个基于表单的 React 应用程序，我在其中管理一个名为 editClient 的状态对象。该对象中的字段之一 CallOutSection 是一个包含多个部分的数组，每个部分

默认treeList和dataGrid删除确认按钮

我在自定义“是”和“否”默认按钮的本地化文本以确认在 asp.net core 项目中的 devexpress 中的 treeList 和 DataGrid 中删除时遇到问题。有什么办法可以激活吗

Angular2 - 如何更改数据网格控件中 DevExtreme 负载指示器的大小

https://js.devexpress.com/Documentation/16_2/ApiReference/UI_Widgets/dxDataGrid/ 以上是Devextreme团队提供的API参考。我已使用 loadPanel 属性来更改微调器

找不到包但已安装包（.NET / ASP.NET CORE）

我们在一个项目中使用 DevExtreme for ASP.NET 和 .NET core。 我拉出了我的合作伙伴制作的项目，该项目在他的系统上运行，但我无法构建。错误提示无法找到...

Devextreme-Angular：在网格模式下自定义其他单元格模板

由于英语不是我的母语，我会尽量让事情变得非常简单并解释我的思路。 我们有一个 devextreme-角度 DataGrid 例子： 最终目标： 按

如何使用devextreme Datebox解决getFullYear()函数的TypeError？

最近，我遇到了一个问题，devextreme-react date-box 无法使用 onValueChanged 函数更改其值，并且返回以下错误： 未捕获的类型错误：t.getFullYear 不是

如何在 Angular 的 dx-data-grid 列中添加超链接？

正在使用以下代码： 正在使用以下代码： <dx-data-grid [dataSource]="openCasesdatasource" [showBorders]="true"> <dxi-column dataField="Picture" cellTemplate="cellTemplate"></dxi-column> <div *dxTemplate="let data of 'cellTemplate'"><a [href]="data.url"></a></div> </dx-data-grid> 这是需要显示的数据： let abc: abc[] = [{ "picture": "harry", "active": "true", "url": "https://google.com"}] HTML <dx-data-grid [dataSource]="openCasesdatasource" [showBorders]="true" (onCellClick)="openPicture($event)"> <dxi-column dataField="Picture" cellTemplate="cellTemplate"> <div *dxTemplate="let data of 'cellTemplate'"> <img src="data.value"> </div> </dxi-column> </dx-data-grid> TS openPicture(e){ if (e.rowType == "data" && e.column.dataField === "Picture") { if(e.value != null) { window.open(e.value, "_blank"); } } }

Devextreme DataGrid Angular 中 dxi-group-item 的替代 getTotalSummaryValue 函数是什么？

我在 Devextreme 中有一个简单的数据网格。 我的网格是可分组的，我的代码如下： 我在 Devextreme 中有一个简单的数据网格。 我的网格是可分组的，我的代码如下： <dx-data-grid [dataSource]="dataSource" [columnAutoWidth]="true" keyExpr="taskTicketActionId" showBorders="true" height="auto" [scrolling]="{useNative:true}" [allowColumnReordering]="true" noDataText="{{l('NoData')}}" (onRowClick)="onRowClick($event)" (onToolbarPreparing)="onToolbarPreparing($event)" [rowAlternationEnabled]="true"> <dxo-state-storing [enabled]="true" type="localStorage" storageKey="devextremeAnalyzingPlanFactDataGridStorage"></dxo-state-storing> <dxo-column-chooser [enabled]="true" [title]="l('HiddenColumns')" [emptyPanelText]="l('DragColumnHere')"> </dxo-column-chooser> <dxo-group-panel [visible]="true" [emptyPanelText]="l('DragColumnHereForGrouping')"> </dxo-group-panel> <dxo-grouping [autoExpandAll]="false" [allowCollapsing]="true" expandMode="buttonClick"> </dxo-grouping> <dxo-summary [calculateCustomSummary]="calculateMySummary"> <dxi-group-item column="target" summaryType="sum" name="myTarget" [valueFormat]="{type:'fixedPoint',precision:2}" displayFormat="{0}" [showInGroupFooter]="true"> </dxi-group-item> <dxi-group-item column="result" name="myResult" summaryType="sum" [valueFormat]="{type:'fixedPoint',precision:2}" displayFormat="{0}" [showInGroupFooter]="true"> </dxi-group-item> <dxi-group-item column="percent" summaryType="custom" name="myPercent" [valueFormat]="{type:'fixedPoint',precision:2}" displayFormat="{0}" [alignByColumn]="true" [showInGroupFooter]="true"> </dxi-group-item> </dxo-summary> <dxi-sort-by-group-summary-info summaryItem="count"></dxi-sort-by-group-summary-info> <dxo-pager [showPageSizeSelector]="true" [allowedPageSizes]="devExtremeDatatableHelper.predefinedRecordsCountPerPage" [showInfo]="true" [visible]="true" infoText="{2} {{l('Plan')}}"> </dxo-pager> <dxi-column dataField="itemGroup" caption="{{l('ItemGroup')}}" [allowSorting]="true"> </dxi-column> <dxi-column [allowGrouping]="true" dataField="lineNr" caption="{{l('LineNr')}}"> </dxi-column> <dxi-column dataField="firmName" [visible]="false" caption="{{l('Firm')}}"> </dxi-column> <dxi-column dataField="groupSpecialCode" [visible]="false" caption="{{l('GroupSpecialCode1')}}"> </dxi-column> <dxi-column dataField="groupSpecialCode2" [visible]="false" caption="{{l('GroupSpecialCode2')}}"> </dxi-column> <dxi-column dataField="groupSpecialCode3" [visible]="false" caption="{{l('GroupSpecialCode3')}}"> </dxi-column> <dxi-column dataField="username" caption="{{l('Salesman')}}"> </dxi-column> <dxi-column dataField="salesPersonHeadName" caption="{{l('SalesPersonHead')}}"> </dxi-column> <dxi-column dataField="saleManagerName" caption="{{l('SaleManager')}}"> </dxi-column> <dxi-column [allowGrouping]="false" dataField="target" [format]="{type:'fixedPoint',precision:2}" caption="{{l('Target')}}"> </dxi-column> <dxi-column [allowGrouping]="false" dataField="result" [format]="{type:'fixedPoint',precision:2}" caption="{{l('Result')}}"> </dxi-column> <dxi-column [allowGrouping]="false" dataField="percent" [format]="{type:'fixedPoint',precision:2}" alignment="right" caption="{{l('AmountPercentDecember')}}"> </dxi-column> </dx-data-grid> 我的自定义摘要函数如下： calculateMySummary(options) { if (options.name == 'myPercent') { let totalResult = options.component.getTotalSummaryValue('myResult'); // always returns undefined let totalTarget = options.component.getTotalSummaryValue('myTarget'); // always returns undefined options.totalValue = (totalResult / totalTarget) * 100; } } 我希望百分比为Percent = (结果/目标) * 100，但我不知道如何实现这一点。因为 getTotalSummmaryValue 函数仅适用于 dxi-total-item，但我的组件是 dxi-group-item 并且 getTotalSummmaryValue 总是为 dxi-group-item 返回未定义。 dxi-group-item 的 getTotalSummmaryValue 替代方案是什么？谢谢 在 dxi-group-item 上，您可以使用打开 options.summaryProcess 来计算totalValue，例如： calculateMySummary(options) { if (options.name == 'myPercent') { switch (options.summaryProcess) { case 'start': // Initializing "totalValue" here options.totalValue = 0; break; case 'calculate': // Modifying "totalValue" here options.totalValue = (options.value.totalResult / options.value.totalTarget) * 100 case 'finalize': // Assigning the final value to "totalValue" here const pipe = new DecimalPipe('he'); options.totalValue = pipe.transform(options.totalValue, '1.0-0') + ' %'; // options.totalValue + ' %'; break; } } }

不知道如何在 DxSimpleItem 中放置引用值

我尝试制作一个小型管理面板表单来管理我的项目。 我为数据网格中的表单制作了一个文件上传器。现在，在我成功上传图像后，我想将图像 [name.type] 放入 dxTextBox 中...

将Dev Extreme中的Data Grid中的数据导出为excel文件格式并手动保存到特定的文件夹环境

我正在使用自定义按钮从 dxDataGrid 导出数据，以 Excel 格式保存，效果很好。 但是，我想打开文件资源管理器，通过打开文件爆炸来保存 Excel 文件...

如何在devextreme React DateBox的calendarOptions中使用cellTemplate？

看来 devextreme-react 上的 cellTemplate 演示只是 cellRender 的另一种用途。 尽管提到 cellComponent 和 cellRender 都只是： cellTem 的别名...

devextreme datagrid Angular - 在查找列中插入图标<dxi-column>

>>>>编辑<<<< how to insert an icon in a 专栏？ 这是我的代码，可以运行，但我不知道如何继续插入图标 超文本标记语言 >>>>已编辑<<<< 如何在<dxo-lookup>列中插入图标？ 这是我的代码，可以运行，但我不知道如何继续插入图标 HTML <dx-data-grid ...... ..... <dxi-column dataField="tipo" cellTemplate="cellTemplate"> <dxo-lookup [dataSource]="typeColumsDataSource" valueExpr="id" displayExpr="descr"> </dxo-lookup> </dxi-column> <div *dxTemplate="let data of 'cellTemplate'"> <span class="dx-icon-home icon"></span> {{data.value}} {{data.text}} </div> 打字稿 this.typeColumsDataSource = { store: { type: 'array', data: [ { id: 0, descr: 'None' }, { id: 1, descr: 'Gift' }, { id: 2, descr: 'Request' }, { id: 3, descr: 'Gift/Request' }, ], key: "id" } }; >>>>已编辑<<<< 现在我在模板中放入了一个固定的图标，我需要根据data.value更改图标，我该怎么办？ 我可以在模板中插入“if”吗？我可以调用组件中的方法吗？ 您可以按照本指南自定义专栏的外观和风格 基本上这是所需代码的想法： onCellPrepared: function(e) { if(e.rowType === "data" && e.column.command === "edit") { var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link"); $links.text(""); if(isEditing){ $links.filter(".dx-link-save").addClass("dx-icon-save"); $links.filter(".dx-link-cancel").addClass("dx-icon-revert"); } else { $links.filter(".dx-link-edit").addClass("dx-icon-edit"); $links.filter(".dx-link-delete").addClass("dx-icon-trash"); } } } 我正在 Angular 中使用 DevExtreme，需要添加工具提示。我将保留完整的代码，以防有人对工具提示感兴趣，但如果您只想添加图标，请仅关注 onCellPrepared API。 您可能认为可以嵌套 HTML 或添加属性，但您必须使用 onCellPrepared。网格中的每个单元格都会被一一渲染，因此只需使用 if 语句选取所需的单元格（在本例中为具有特定 dataField 值的标题）。当该单元格呈现时，您的 onCellPrepared 将捕获它，您可以访问 HTML 元素，为其提供一个子元素，然后为其提供一个 FontAwesome 类。就我而言，我给了它一个问号。 onCellPrepared(e: any) { if (e.rowType === "header" && e.column.dataField === "invoiceGroup") { const iconElement = document.createElement('i'); iconElement.classList.add('fas', 'fa-question-circle'); e.cellElement.appendChild(iconElement); on(iconElement, "mouseover", (arg: any) => { this.tooltip.instance.show(arg.target); }); on(iconElement, "mouseout", (arg: any) => { this.tooltip.instance.hide(); }); } } <dx-data-grid (onCellPrepared)="onCellPrepared($event)" > <dxi-column dataField="rateOverride" minWidth="100" dataType="number" [format]="{ type: 'currency', precision: 2, currency: 'USD' }" ></dxi-column> </dx-data-grid> <dx-tooltip position="right"> <!-- <div *dxTemplate="let data of 'content'"> --> <div class="tooltipContent"> <div> This will group all a company's invoices by the name entered here. </div> </div> <!-- </div> --> </dx-tooltip>

如何为DevExtreme-Components使用自定义调色板？

我所在的项目使用 DevExtreme for Angular。我们使用元数据 json light.json 为整个项目的样式创建 css 文件 light.css （这是通过命令 npx devextreme

使用角度 2 设置 devextreme DataGrid 中日期列的格式

我的 angular2 项目中有一个 devextreme 数据网格。然而，具有日期数据类型的列仅显示以下格式的完整 JavaScript 日期：yyyy-MM-ddTHH:mm:ss。我想设置 f...

如何禁用 DevExtreme dxList 中的某些复选框

我正在尝试禁用 DevExtreme dxList 中的某些复选框。以下是我用于列表的代码： 我正在尝试禁用 DevExtreme dxList 中的某些复选框。以下是我用于列表的代码： <dx-list [items]="ListDataSource" selectionMode="multiple" showSelectionControls="true" [(selectedItems)]="selectedItems" (onSelectionChanged)="onSelectionChanged($event)"> <div *dxTemplate="let item of 'item'"> {{ item }} </div> </dx-list> 我已经尝试过使用以下代码片段的[禁用]方法，但它不起作用： <dx-check-box [disabled]="true" [value]="checkBoxValue" [elementAttr]="{ 'aria-label': 'Disabled' }" ></dx-check-box> 在数据中，无论您想要禁用哪个选项，都必须提供“disabled = true”。 StackBlitszDEMOLINK

如何删除 Dev Extreme React 主题？

我将 Dev Extreme React 安装到我的项目中，因为我想使用他们的图表组件。但现在，我正在处理一堆额外的类，这些类随机出现在整个

使用私有 nuget feed 中的包构建 docker 映像失败

我正在使用 Visual Studio 2022 为我的 .NET Core 6 razor Pages 应用程序生成的默认 Dockerfile。该应用程序使用 DevExpress ASP.NET Core Controls。我使用

DevExtreme 嵌套表不会在排序父表时扩展

我在 Angular 应用程序中使用 DevExtreme 嵌套数据网格 (dx-data-grid) 来显示分层数据。我的数据结构由一个父表组成，父表中的每一行都可以...

如何修改使用 Typescript 在 cshtml 文件中创建的现有 DevExtreme JQuery DataGrid

我正在使用 DevExtreme JQuery 开发一个 Web 应用程序。在前端，我显示一个在 cshtml 文件中创建的 DataGrid。使用 DevExtreme，您可以向 DataGrid 操作添加添加按钮...

有什么方法可以为单选组的这些文本添加颜色

我有这个来自 devextreme 代码块的 radioGroup。我想为网页中显示的文本着色，即接受的颜色应为绿色，拒绝的颜色应为红色。 代码： 导入 React...