Несколько деталей на странице, расположенных на одном уровне
Добрый день,
Было бы здорово, если у детали можно было менять ширину на странице, как у колонки в реестре, тем самым на одном уровне можно расположить несколько деталей и информация будет более кучнее расположена.
Спасибо!
Понравилась ли вам эта идея?
Антон, здравствуйте!
Ваше пожелание зафиксировали.
Можете попробовать сделать кодом. Ниже приблизительный алгоритм:
Для решения вашей задачи вам необходимо:
1) В таб добавить контейнер, в котором разместить грид.
2) В гриде (пункт 1) расположить 2 контейнера.
3) В контейнеры из пункта 2 разместить детали.
Пример кода:
{
"operation": "insert",
"parentName": "ActivityParticipantTab",
"name": "DetailsContainer",
"propertyName": "items",
"values": {
"itemType": Terrasoft.ViewItemType.CONTAINER,
"items": [],
"id": "DetailsContainer",
"selectors": {"wrapEl": "#DetailsContainer"}
}
},
{
"operation": "insert",
"name": "DetailsGridContainer",
"parentName": "DetailsContainer",
"propertyName": "items",
"values": {
"id": "DetailsGridContainer",
"selectors": {"wrapEl": "#DetailsGridContainer"},
"itemType": Terrasoft.ViewItemType.GRID_LAYOUT,
"classes": {
"wrapClassName": ["DetailsGridContainer"]
},
"items": [],
"markerValue": "DetailsGridContainer",
"collapseEmptyRow": false
}
},
{
"operation": "insert",
"parentName": "DetailsGridContainer",
"propertyName": "items",
"name": "DetailsContainer1",
"values": {
"itemType": Terrasoft.ViewItemType.CONTAINER,
"items": [],
"id": "DetailsContainer1",
"selectors": {"wrapEl": "#DetailsContainer1"},
"layout": { "column": 0, "row": 0, "colSpan": 12 },
}
},
{
"operation": "insert",
"parentName": "DetailsGridContainer",
"propertyName": "items",
"name": "DetailsContainer2",
"values": {
"itemType": Terrasoft.ViewItemType.CONTAINER,
"items": [],
"id": "DetailsContainer2",
"selectors": {"wrapEl": "#DetailsContainer2"},
"layout": { "column": 12, "row": 0, "colSpan": 12 },
}
},
{
"operation": "insert",
"parentName": "DetailsContainer2",
"propertyName": "items",
"name": "ActivityParticipant",
"values": {
"itemType": Terrasoft.ViewItemType.DETAIL
}
},