禁用grouping列dx-data-grid devextreme angular中的默认排序
在dx-data-grid devextreme angular中，禁用grouping列的默认排序可以通过以下步骤实现：
- 首先，确保你已经在你的Angular项目中安装了DevExtreme组件，并且已经正确引入了dx-data-grid组件。
- 在你的组件的HTML模板中，使用dx-data-grid组件来展示数据表格。在dx-data-grid组件中，使用columns属性来定义表格的列，其中包括grouping列。
- 在定义grouping列时，使用sortOrder属性来设置默认排序方式。默认情况下，sortOrder属性的值为"asc"，表示升序排序。要禁用默认排序，可以将sortOrder属性的值设置为"none"。
例如，以下是一个禁用grouping列默认排序的示例代码：
<dx-data-grid [dataSource]="yourDataSource">
<dxi-column dataField="column1" caption="Column 1"></dxi-column>
<dxi-column dataField="column2" caption="Column 2"></dxi-column>
<dxi-column dataField="column3" caption="Column 3" [groupIndex]="0" [sortOrder]="'none'"></dxi-column>
</dx-data-grid>在上面的示例中，第三列(column3)被定义为grouping列，并且禁用了默认排序。
请注意，"yourDataSource"应该替换为你实际使用的数据源。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云数据库MySQL版、腾讯云对象存储（COS）。
腾讯云产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
1回答
可以在快捷键数据网格的列中定义一个材质按钮吗？ <dx-data-grid [dataSource]="datasource" keyExpr="id">
<dxi-column>
<button mat-button>Basic</button>
</dxi-column>
</dx-data-grid> app.module.ts import { ReactiveFormsModule } from '@angular/forms';
impo
浏览 15提问于2020-07-28得票数 0
回答已采纳
如何使用DevExtreme和Angular2在EditMode中隐藏DataGrid列？
<h3>Test</h3>
<dx-data-grid id="gridContainer"
[dataSource]="xxx"
[allowColumnReordering]="true"
[allowColumnResizing]="true"
[rowAlternationEnabled]="true">
<dxo-column-chooser [enabled]=&
浏览 20提问于2017-03-16得票数 2
回答已采纳
我不想使用DevExtreme的默认排序特性，当我使用group index DevExtreme DataGrid自动将我的列作为分组列进行排序时，我的数据源已经被排序了。我要停止DevExtreme DataGrid默认排序。敬请提出解决方案。 这是我的dx-data-grid <dx-data-grid
id="masterGrid"
[dataSource]="globalLimit"
[showBorders]="true"
[allowColumnReordering]="true&#
浏览 35提问于2020-03-20得票数 1
我正在使用DevExpress的DevExtreme和Angular2。我有一个数据网格(见下图)，它列出了一些状态，并要求用户选择一些状态。有可能某些状态已经存储在数据库中。如何设置之前选择的状态？我可以在文档中看到我应该使用dataGrid.instance.selectRows(arrayOfPreviouslySelectedStates)，但是在我尝试设置dataGrid之后，它被实例化了，它在ngOnInit()中。
我的HTML网格：
<dx-data-grid #statesGrid id="statesContainer" [dataSource]=&#
浏览 4提问于2017-03-07得票数 1
回答已采纳
我对单元测试完全陌生，所以我可能在这里做错了所有的事情。我使用*ngIf在GET请求完成后显示来自DevExpress的数据网格，并尝试使用Jasmine测试验证它只在我的*ngIf条件设置为真时显示。 我的网格的截断版本： <dx-data-grid #grid *ngIf="!loading">
...
</dx-data-grid> 和我的.spec文件： import { ApplicationsComponent } from "./applications.component";
import
浏览 18提问于2020-07-23得票数 1
回答已采纳
我需要显示自定义工具提示(dx-tooltip)悬停在dx-data-grid列中的每个单元格上。我使用Angular 6，不使用jQuery。有没有办法做到这一点？ 我正在努力为onCellHoverChanged/onCellPrepared事件上的每个单元格分配不同的id属性，这是dx-tooltip中的target属性所需要的。 dx-工具提示：(html) <dx-tooltip target="#abc" showEvent="dxhoverstart" hideEvent="dxhoverend">
<
浏览 19提问于2019-06-12得票数 2
我有一个非常复杂的组件，它有大量的**@ lot ()**s。为了便于阅读，我想像DexExtreme的网格一样对输入进行分组。
DevExtreme网格有大量的输入，它们按如下方式划分它们：
<dx-data-grid
[dataSource]="dataSource"
[remoteOperations]="false">
<dxo-paging [pageSize]="10"></dxo-paging>
</dx-data-grid>
如您所见，分页参数不是直接传递
浏览 1提问于2021-10-07得票数 0
回答已采纳
我们希望对数据网格分组、外观和行为有更好的控制。
对于初学者，我们希望控制分组面板的外观--可能会创建一个自定义面板。
此外，虽然我们希望保留拖放列到分组面板和从分组面板拖放列的能力，但我们需要取消默认行为(例如，如果在特定列或特定时间进行了拖放，则取消取消分组)。
我们能做到吗？
做这件事的最佳方法是什么？
此外，作为最后的手段，我们正在考虑覆盖内置的行为。我们使用的是devextreme-angular库。我们是否可以在不重新编译两个库的所有代码的情况下覆盖原始的devextreme js模块(例如，提供自定义的分组控制器)？
谢谢
浏览 0提问于2019-09-08得票数 0
我在角5中使用DevExtreme DataGrid。Add和Edit被激活并在弹出窗口中使用。在字段中，应该只在添加弹出窗口出现，而不是在编辑弹出窗口出现。在普通的DataGrid中，它无论如何都是禁用的。
<dxi-column dataField="Staff" [visible]="false">...
如何在“添加”中启用“人员”字段，并在“编辑-弹出”中禁用它？
谢谢你的帮助！弗兰克
浏览 1提问于2018-05-30得票数 1
我正在使用Devextreme产品的dxDataGrid UI小部件。
我想让它的一个列充当按钮。因此，到目前为止，我已经做了以下清单：
是我的领域之一
{ dataField: 'LetterNumber', caption: 'Letter Number', cellTemplate: showLetterImageTemplate }
Its以显示按钮
function showLetterImageTemplate (cellElement, cellInfo) {
cellElement.html(' <button clas
浏览 8提问于2015-05-15得票数 1
回答已采纳
我正在使用devextreme数据网格。我有下面的代码：
<dx-data-grid #grid [routerLink]="grid.selectedRowKeys.length > 0 ? [grid.instance.getSelectedRowsData()[0].Id] : null" routerLinkActive="highlighted">
每当我单击一行时，它都会按预期工作，但当键盘导航(向上和向下)时，selectedRowKeys[]会更新，但routerLink不会触发。
我对routerLinkActive也有问题。
浏览 17提问于2019-11-11得票数 0
我在我的Vue3应用程序中使用了Vue3组件。基于此示例( / )，我希望基于配置创建多级报头。我想我必须使用递归循环。
首先，我创建了一个组件GridColumn，它充当树中的一个节点，它可以使用或不使用嵌套的子节点来呈现自己。
<template>
<!-- If there are no children use the data-field prop -->
<dx-column
v-if="gridColumn.children === undefined"
:caption="gridColumn.c
浏览 26提问于2022-01-25得票数 1
回答已采纳
1回答
我尝试在Range6中使用一个新项目，然后使用以下命令安装devexpress：
npm install devextreme@20.2 devextreme-angular@20.2 --save --save-exact
然后我将devExpress模块添加到我的应用程序appModule中。
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from
浏览 0提问于2020-12-24得票数 1
回答已采纳
我使用DxDataGrid DevExtreme和Angular组件。我想通过单击一个按钮来完全删除表的主要操作按钮(CRUD操作)。我已经为此定义了一个变量，但当单击按钮时，它会更改其值，但不执行任何操作!！ 如何在DxDataGrid DevExtreme中禁用或隐藏CRUD操作列？ CRUD Operations image
浏览 72提问于2019-10-03得票数 1
我使用报表查看器2010，我想对报表中的每一列进行交互式排序。我在rdlc文件中的每一列上设置了sort by字段中的交互式排序，表达式如下：
=Fields!ClientName.Value
但是，当我运行我的报告并单击标题图标时，它似乎进行了刷新，但在数据未排序之后。我试图对dataSource中的数据进行排序，但它不起作用。我的数据总是按表中的第一列排序。如果我更改第一列，数据将在更改后排序，但我希望按其他列排序。
浏览 4提问于2012-02-07得票数 1
我可以调整dxDataGrid列的大小，但是覆盖列旁边的列。
调整列大小时，是否有扩展(调整大小) dxDataGrid的选项
$scope.dataGridOptions = {
bindingOptions: { dataSource: 'gridDataSource' },
allowColumnResizing: true,
columnAutoWidth: true,
hoverStateEnabled: tr
浏览 1提问于2017-04-11得票数 0
我正在使用一个dataGrid小部件(来自DevExtreme库)作为我的角度应用程序。
dataGrid运行良好，任何编辑操作都会自动保存。
我希望取消此自动保存操作，并将其替换为：
一个简单的按钮，它在单击时进行保存。
以下是代码：
app.component.ts
import { NgModule, Component, enableProdMode } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platf
浏览 0提问于2017-07-28得票数 0
回答已采纳
有没有人有在Angular安装和使用中使用globalizejs lib的例子？
我正在用Angular-cli和devextreme开发Angular 4
在devextreme中，关于globalizejs和angular的用法还不是很清楚。
浏览 5提问于2017-05-11得票数 0
1回答
我使用的是DevExtreme DataGrid小部件。
以下是我的datGrid视图：
<dx-data-grid
id="gridContainer"
[dataSource]="employees"
[allowColumnReordering]="true"
[allowColumnResizing]="true"
[columnAutoWidth]="true">
<dxo-column-chooser [enabled]="tru
浏览 4提问于2017-07-31得票数 0
我是angular 4的新手，我使用过devExtreme网格来显示数据，并使用REST API进行了所有的CRUD操作。我有能力绑定数据到数据网格，但我想自定义的添加和编辑模板弹出，因为有文件上传控制以及查找控制与图像我需要add.Please你能帮助我在这一点上。
import { Component, OnInit } from '@angular/core';
import {DataService} from 'app/app.DataService';
@Component({
selector: 'app-manage-catego
浏览 11提问于2017-06-15得票数 0
我们正在开发一个angular应用程序。dxdatagrid用于显示数据。在dxdatagrid中，可以从typescript生成列吗？
请看下面的代码片段
<dx-data- id="EmployeeGrid“
[dataSource]="EmployeeList">
<dxi-column dataField="FirstName"></dxi-column>
<dxi-column dataField="LastName"><
浏览 3提问于2018-06-08得票数 1
在我的angular2项目中，我有一个极端的数据处理程序。但是，带有日期数据类型的列只是以这种格式显示完整的javascript日期:yyyy:mm:ss。我想将本专栏的格式设置为更友好的内容，如dd.MM.yyyy (欧洲风格)。
但是，我所有设置日期格式的尝试直到现在都没有成功。
下面是到目前为止组件模板中的内容：
<dx-data-grid [dataSource]="tasks">
<dxi-column dataField="barcode" ></dxi-column>
&l
浏览 14提问于2017-05-18得票数 3
回答已采纳
我正在用Angularjs开发一个离子应用程序。在我的应用程序中，我必须与devextreme组件(如Datagrid )集成。
当我尝试在本地放置JSON并在中显示时，它显示得非常完美。但是，当我从web服务中获得JSON数据时，可以使用$http并在devextreme中显示。它无法显示它，但是当我将数据放出来时，我能够获得数据，只是无法在Devextreme组件中显示它。
下面是我的示例代码
html代码
<ion-view view-title="Dashboard">
<ion-content class="padding">
浏览 0提问于2018-07-03得票数 0
回答已采纳
在django-tables2中，默认情况下所有表列都支持排序。这意味着所有列标题都呈现为允许用户调整表数据排序的链接。但是我不想让列标题呈现为链接，该怎么做呢？
这是文档！
默认情况下，所有表列都支持排序。这意味着所有列标题都呈现为允许用户调整表数据排序的链接。
可以按表或列禁用排序。
Table.Meta.orderable = False – default to disable ordering on columns
Column(orderable=False) – disable ordering for specific column
例如，禁用除一个之外的所有列：
class
浏览 2提问于2012-03-21得票数 0
回答已采纳
我正在使用来自Devextreme的Datagrid小部件，在asp.net核心和基于角度的项目中。
JSON响应如下。
{
"result": {
"items": [
{
"firstName": "Asu",
"lastName": "Voh",
"emailId": "Asu@g.com",
浏览 3提问于2020-12-22得票数 0
1回答
我们正在尝试构建一个在AngularJS项目中应该使用的角元素(带有角7)。输出的.js文件是5MB大.为了更多。
使用webpack-bundle分析器进行的分析表明，大多数空间是由AngularJS项目中也需要的依赖项使用的--不应该在代码中使用两次库。
因此，我的想法是在package.json中将这些依赖项声明为package.json。我希望输出文件会变得更小。，但不幸的是，peerDependencies的构建结果在大小上是相同的。我是误解了peerDependencies的概念，还是需要一个特殊的构建参数？
"dependencies": {
"@
浏览 2提问于2019-04-17得票数 1
“站点”的选择框应显示站点代码和描述的组合，以供用户选择。
下面是html：
<dx-select-box class="pull-right"
placeholder="Select Site"
[dataSource]="sites"
[displayExpr]=displaySite
[valueExpr]="Si
浏览 7提问于2017-01-19得票数 2
1回答
我目前正在开发一个使用DevExtreme来显示一些网格的库。
我已经创建了这个库，这就是package.json项目的样子：
"dependencies": {
"@angular/animations": "^8.2.14",
"@angular/common": "^8.2.14",
"@angular/compiler": "^8.2.14",
"@angular/core": "^8.2.14",
&#
浏览 7提问于2020-02-14得票数 1
2回答
我正在使用angularjs数据表，其中我不需要对所有列进行排序。所以我想对指定的列禁用排序。对于下面的情况，我想禁用第2列和第4列的排序。
var app = angular.module('myApp',['datatables']);
app.controller('MyCtrl', function($scope,DTOptionsBuilder,DTColumnBuilder) {
$scope.list = [
{"eid":"10","ename":
浏览 1提问于2017-06-12得票数 0
如何添加最小的样式集以便在angular-cli.json中安装主题
我还没有找到关于这种方式的任何东西，我发现的唯一示例是在index.html中添加样式
这些文件在捆绑包中的位置比我安装的位置要高？
"../node_modules/devextreme/.........."
"../node_modules/devextreme-angular/.........."
我找不到这些文件
*解析*这里示例：
浏览 0提问于2018-01-18得票数 2
回答已采纳
对于给定的列，熊猫的value_counts()函数计算该列所使用的每个值的出现次数。另一方面，unique()函数返回至少发生一次的唯一值。
现在，仅举一个例子，以中的数据集为例。
当我在特定列中列出唯一值时
df["class"].unique()
我得到了输出：
array(['p', 'e'], dtype=object)
但是，当我计算发生的次数时
df["class"].value_counts()
我得到了输出：
e 4208
p 3916
Name: class, dtype: int64
在这里，我们
浏览 10提问于2022-04-14得票数 1
回答已采纳
我刚接触AngularJS，我想知道如何在DevExtreme和angularjs环境中正确加载jszip库？我尝试过不同的方法，但总是出错。我的结构是这样做的：
require.config({
...
paths: {
'controller.home' : extensionRoot + 'controllers/home',
'controller.dashboard' : extensionRoot + 'controllers/dashboard',
'controller.analis
浏览 2提问于2018-02-07得票数 0
除了第一列之外，我有一个需要排序的4列DataTable。我尝试使用"columns": [ {"orderable": false}, null, null, null ]，但第一列显示页面加载时的排序图标(插入符号)。
当我订购另一列时，图标从第一列中消失，但仍然有它所在的空间，打破了列的宽度。是否有任何方法真正禁用排序，以一种方式，它也不添加任何特殊的填充？
解决：
@沙克提-法蒂亚尔回答修复了排序问题。宽度问题是通过将autowidth选项设置为false并使用一些CSS来解决的。
CSS部分
table.dataTable thead tr t
浏览 5提问于2017-04-18得票数 0
回答已采纳
实际上，我将在我的angular项目中使用DevExtreme图表。是否可以在我的项目中只安装DevExtreme图表包，而不安装完整的包？谢谢你的帮助
浏览 8提问于2021-11-22得票数 0
我在我的AngularJs中使用，在任何分组发生时，projects.My的要求是禁用对任何列的排序。
我知道我们可以在单列上禁用sorting/filtering，配置如下：
colDef.suppressMenu = true
colDef.suppressSorting = true <--- this i can set up while giving column definition
但是如何在特定的情况下动态地做这件事，如需更多的澄清，请查看下面的图像
在这种情况下，我将按 country 和展开爱尔兰country对网格进行分组，但现在我不再禁用对任何参数的排序，并
浏览 4提问于2017-05-25得票数 7
回答已采纳
我们有一个角7项目，生成一个自定义元素与角元素。这个自定义元素用于React项目和AngularJS项目中。当在其中一个项目中加载自定义元素的代码时，站点的速度会减慢约30% --即使未将自定义元素呈现到DOM中！
性能分析表明，经常调用来自invokeTask()和runTask()的zone.js方法。
我试图将事件列入黑名单，就像在中描述的那样，但这没有任何效果。
packages.json中的依赖项是：
"dependencies": {
"@angular/animations": "^7.2.7",
"@ang
浏览 0提问于2019-04-03得票数 2
我试着把数据添加到一个图表中，一个又一个系列。但是，这些列不是集中的，初始列和最后列在图表区域之外：。
Highcharts.chart('container', {
chart: {
type: "column",
},
xAxis: {
type: "datetime",
minTickInterval: 60000 * 60 * 24 * 365,
crosshair: true
},
series: [{
data: [1],
color:
浏览 3提问于2022-09-30得票数 0
回答已采纳
1回答
component.html
<dx-data-grid>
<dxi-column *ngFor="let column of columns">
// creating columns
</dxi-column>
</dx-data-grid>
component.ts
public setupColumnsAndState(newColumns[]: any, state: any) {
columns = newColumns[];
// Is there something that could be done
浏览 4提问于2020-02-26得票数 1
回答已采纳
我在根目录中提供了一个名为"LocaleService“的服务，它包含了我所有的语言环境逻辑。
此服务初始化应用程序的本地化，并提供一些有关区域设置的功能。
我必须在main.ts中初始化此服务，才能使angular语言环境正常工作
下面是我的初始化：
var injector = ReflectiveInjector.resolveAndCreate([LocaleService]);
var localeService : LocaleService = injector.get(LocaleService)
platformBrowserDynamic().bootstrap
浏览 15提问于2018-11-12得票数 0
1回答
我正在使用C# MVC中的DevExtreme网格在视图中显示数据。现在，我想对第一列应用sorting功能，也就是Selection列，如下图所示。
现在，我需要使select列可排序(选中和未选中)。意味着当用户第一次单击标题时，它将首先显示所有选中的行，然后显示未选中的行，反之亦然。
任何帮助都将不胜感激！
谢谢
浏览 2提问于2018-09-26得票数 0
我想在DevExtreme中使用带有角的vs2017。
根据DevExtreme文档，有两个选项可以使用它：
npm包
NuGet包
那么使用哪一个呢？？为什么？?
我正在使用Angular7在2017年的视频工作室。
浏览 1提问于2019-02-12得票数 0
回答已采纳
我试图通过单击图例项和/或使用hide()方法来隐藏某个系列。这个系列被隐藏了，但是这个类别在xAxis上仍然是可见的。在其他图表的其他解决方案中，建议使用中断，但这在盒图图上不起作用。只有最左边和最右边的类别才会被隐藏。下面是一个不起作用的盒子里的小把戏：
在同一个应用程序中，我有一个列图表，它可以立即隐藏它的类别，而不会有任何麻烦。知道如何解决这个问题吗？
浏览 0提问于2019-08-20得票数 0
回答已采纳
我正在和DevExtreme一起做一个Angular项目。许多DevExtreme组件都支持模板来自定义它们的显示方式。我想定制一个类似于其他组件的dx-date-box组件的显示文本。
浏览 14提问于2019-07-19得票数 0
回答已采纳
2回答
我有一个表，它有以下3列: ID、ShortCode、UploadDate。
我想使用LINQ按短码对结果进行分组(并保留所有结果)，然后对这些组进行排序并返回一个列表。
我有以下几点：
rawData.Provider.CreateQuery<PDFDocument>(qb.rootExperession)
.ToList<PDFDocument>().
GroupBy(b=>b.ShortCode)
.SelectMany(b=>b).ToList<PDFDocument>()
我希望返回所有结果，按ShortCode分组，每个组中的项按U
浏览 1提问于2012-05-10得票数 24
回答已采纳
我正在使用Ag-Grid版本21.1.0和Angular 8。我正在尝试在ag-grid中按照教程进行行分组：https://www.ag-grid.com/javascript-grid-grouping/我在我的数据模型中有一个字段作为“短名称”字段，我试图通过设置相应列定义对象的"rowGroup"="true“属性来按该字段分组。在Ag网格中创建了一个名为"Group“的新列，但该网格不会显示这个新创建的列的值。 ? 我使用服务器端过滤和排序的网格和使用rowmodeltype=“无限”。我哪里出了问题，请帮帮我。 更新:我正在动态创建一个列元数据对象
浏览 44提问于2020-04-05得票数 0
1回答
是否有可能在javascript库高级图表中叠加图表？列可以是相同的宽度，这并不重要。但是像这样的东西？(图片截图来自python matplotlib)
从我在其他SO线程中发现的和我自己的实验来看，还不清楚我能不能做到。
我真正想做的是画一张图表，然后在上面画下一张。这会让我的生活更简单..。
浏览 1提问于2020-10-08得票数 0
回答已采纳
1回答
我只想在他们的xAxis上将列居中，有没有这样做的方法？这是我的highcharts代码 看起来列总是从刻度开始，我只想显示两个刻度之间的列。 检查此https://imgur.com/lvV006M Highcharts.chart('YearNS', {
chart: {
width: 1200,
height: 450,
type: 'column',
events: {
click: function (e
浏览 18提问于2019-04-01得票数 0
回答已采纳
我创建了具有三列的ui网格，默认情况下，列标题有一个'v‘形状的图标(在图像中标记为红色圆圈)：
在这里，代码和柱塞：
var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.expandable', 'ui.grid.selection', 'ui.grid.pinning']);
app.controller('ThirdCtrl', ['$scope', '
浏览 2提问于2015-09-19得票数 28
回答已采纳
我不清楚如何绑定任何空对象，以便angular组件可以将其绑定到其作用域。
我的柱塞代码在这里：
在上面的链接中，我有一个主详细信息表，详细信息部分有一个选项卡式视图。在银行选项卡中，我有一个“新建银行”按钮，单击此按钮后，我将启动一个表单来捕获新银行的详细信息。
我面临的问题是如何实例化一个空表单？我尝试了下面的方法，但它仍然导致问题。我使用的是devextreme angular forms (dx-form组件)，但问题似乎更多的是如何绑定java script对象formData对象。
bindingOptions: {
formData: {}
浏览 0提问于2017-01-20得票数 0
我正在使用Kendo UI for Angular，但似乎找不到一种简单的方法来禁用对网格中特定列的排序。
sort-settings.d.ts中有一个allowUnsort，但我不确定如何使用它(这似乎与后来的排序有关，而不是从一开始)。
或者我只是简单地使用了错误的网格，这也是可能的。
我的情况如下：
我正在尝试使用网格来显示一些行，根据数据类型的不同，它应该在第一列中呈现不同的图标。另外，我没有在该列中使用'real‘标题，而是用一个按钮来代替它来创建一个新行。
为了让我的按钮出现在标题中，我使用了<template kendoGridHeaderTemplate ...&
浏览 14提问于2017-02-02得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
