| | | 1 | | @* Предпросмотр: шапка и одна условная строка на AG Grid — в том же порядке, что колонки на главной таблице заказов. *@ |
| | | 2 | | @{ |
| | 0 | 3 | | var previewColumns = OrderListColumnCatalog.All.Select(c => c.DisplayName).ToList(); |
| | | 4 | | } |
| | | 5 | | <div class="bsx-dir-card"> |
| | | 6 | | <div class="bsx-grid-toolbar"><span class="bsx-dir-title"><i class="fas fa-table-columns"></i>Предпросмотр таблицы ( |
| | | 7 | | <div class="bsx-dir-body"><div id="admOrderListPreview" class="bsx-grid bsx-grid--auto"></div></div> |
| | | 8 | | </div> |
| | | 9 | | <script> |
| | | 10 | | document.addEventListener('DOMContentLoaded', function () { |
| | 0 | 11 | | var names = @Html.Raw(System.Text.Json.JsonSerializer.Serialize(previewColumns)); |
| | | 12 | | var row = {}; |
| | | 13 | | names.forEach(function (_, i) { row['c' + i] = '…'; }); |
| | | 14 | | var table = BsxGrid.localTable('admOrderListPreview', { |
| | | 15 | | columnDefs: names.map(function (name, i) { |
| | | 16 | | return { colId: 'c' + i, field: 'c' + i, headerName: name, minWidth: 90, sortable: false, filter: false, |
| | | 17 | | }), |
| | | 18 | | gridOptions: { domLayout: 'autoHeight', rowHeight: 30, headerHeight: 30 } |
| | | 19 | | }); |
| | | 20 | | table.setRows([row]); |
| | | 21 | | }); |
| | | 22 | | </script> |