devextreme 相关问题

DevExtreme是DevExpress制作的商业应用程序框架。它基于HTML5和JavaScript,可以为智能手机和平板电脑(Windows Phone,iOS和Android)生成本机应用程序,并为传统桌面生成响应式Web应用程序。


细胞编辑处理程序,例如OnCellChange

I使用React Devextreame DataGrid来处理细胞更改的更改。 我发现了许多事件,但我不知道更改后的列更改和新值。 我使用批处理模式,虚拟scrollin ...

回答 1 投票 0


DeveXtreme-键入严格数据源

我们试图拥有一个非常严格的前端。 DeVexTreme支持DataSource的通用类型,但是根本没有验证。 问题: 在下面的示例中,我传递了不同的通用t ...

回答 0 投票 0



删除 devextreme 许可证横幅

我们公司目前持有 DevExtreme 套件的有效订阅,并且我们已使用 Visual Studio Code 将许可证密钥正确集成到我们的 Angular 项目中。然而,我们仍然...

回答 1 投票 0

如何在 Devextreme TreeView 中通过 Id 以编程方式选择项目

在我的带有 Devextreme-Angular(v24.1.7) 的 Angular(v19) 应用程序中,我使用 dx-tree-view 作为侧边栏导航。 在我的带有 Devextreme-Angular(v24.1.7) 的 Angular(v19) 应用程序中,我使用 dx-tree-view 作为侧边栏导航。 <dx-tree-view (onItemClick)="navigateToItem($event)" [items]="treeViewData()" [searchEnabled]="true" [selectByClick]="true" selectionMode="single"> </dx-tree-view> 我有三种情况,我想更改页面并保持导航树同步(即,应选择并展开打开的页面,包括其父页面)。 输入网址进行导航: 由于我的树视图仅在布局中使用一次,因此我可以首先加载 URL 参数并将它们传递给我的 API 的 get 方法以检索树视图,确保选择并展开我想要的项目。这个方法效果很好。 通过树导航: 这是不言自明的并且按预期工作。我还在 navigateToItem($event) 函数中实现了自动扩展。 浏览其他组件: 这是具有挑战性的部分。我可以获取所选页面的参数并将它们传递给包含树视图的组件。但是,我正在努力寻找一种干净的方法来同步我的树视图项目。我发现的唯一可能的解决方案是迭代所有项目,由于可能很长且嵌套的数组,这很不方便。您能推荐一个更好的方法吗?也许有一个事件、API 或属性允许按 ID 选择项目?我查阅了文档,但找不到合适的答案,或者我可能忽略了一些东西。 如果可能的话,我也尽量避免使用effect。 如果有人能帮助我解决这个问题,我会很高兴。 PS: 我还在 DevExpress 上提交了支持票。但我可能需要一些时间才能得到答案。如果我碰巧先得到答案,为了分享知识,我也会更新这篇文章。 我收到了 Devexpress 支持的答复: 我可以使用 TreeView.selectItem(key) 以编程方式按 id 选择项目。 Devexpress 支持的原始答案

回答 1 投票 0

从 dxi-column [calculateCellValue] 函数调用的函数访问组件范围

最后一个问题是,我无法从使用 [calculateCellValue]="function" 调用的函数访问 component.ts 的上下文,如果我使用 .bind(this) 来传递它,则 DataGrids 交互

回答 3 投票 0

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

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

回答 1 投票 0

默认treeList和dataGrid删除确认按钮

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

回答 1 投票 0

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

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

回答 2 投票 0

找不到包但已安装包(.NET / ASP.NET CORE)

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

回答 3 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

如何在 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"); } } }

回答 1 投票 0

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; } } }

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.