我正在尝试使用 AG-Grid 和角度框架默认设置自动调整列大小。所以我与点击事件一起使用gridColumnApi.autoSizeColumns并且工作正常。但是当我尝试使用this.autoSizeAll()ngOnInit() 默认情况下设置自动调整列大小时,我收到此错误 Cannot read property 'getAllColumns'
我不知道默认情况下无需单击按钮即可自动调整列大小的最佳方法是什么?
<button (click)="autoSizeAll(false)">Auto-Size All</button>
<ag-grid-angular
style="width: 900px; height: 700px;"
class="ag-theme-balham"
[rowData]="rowData"
[defaultColDef]="defaultColDef"
[columnDefs]="columnDefs"
(firstDataRendered)="onFirstDataRendered($event)"
(gridReady)="onGridReady($event)">
</ag-grid-angular>
ngOnInit(){
this.autoSizeAll();
}
autoSizeAll() {
const allColumnIds = [];
// tslint:disable-next-line:only-arrow-functions
this.gridColumnApi.getAllColumns().forEach(function(column) {
allColumnIds.push(column.colId);
});
this.gridColumnApi.autoSizeColumns(allColumnIds);
}
onGridReady(params) {
this.gridApi = params.api;
this.gridColumnApi = params.columnApi;
this.http
.get(
'https://raw.githubusercontent.com/ag-grid/ag-grid/master/packages/ag-grid-docs/src/olympicWinnersSmall.json'
)
.subscribe(data => {
this.rowData = data;
});
}
}
Run Code Online (Sandbox Code Playgroud)
这是笨蛋
我正在使用Chart.js生成显示货币价值的条形图。默认情况下,y轴标签使用度量标准前缀作为缩写,例如,显示1k代替1000,显示1M代替1000000。
我已经尝试过此代码,但是它仅显示货币符号,但我的数字仍然像1000000格式!
这是我尝试过的代码。
yAxes: [{
ticks: {
display: true,
beginAtZero: false,
callback: function (value, index, values) {
if (parseInt(value) >= 1000) {
return '$' + value ;
} else {
return value;
}
}
},
gridLines: {
show: true,
}
}],
Run Code Online (Sandbox Code Playgroud)
谢谢
使用带有 thw Url 的引导按钮的正确方法是什么。行动。
@Url.Action("Delete", "Delete", null, new { id = item.Id }),new { @class = "btn btn-success btn-xs" })
Run Code Online (Sandbox Code Playgroud)
谢谢
我尝试在 ag 网格中默认折叠侧边栏。我不想扩展它,直到我点击右侧的列。
我尝试这样做,[showToolPanel]="false"但它会隐藏所有侧边栏。
有没有简单的方法可以做到这一点?