AH
Size: a a a
2020 September 10
AH
Мультиселект или обычный?
пока с обычным
AH
сейчас буду мультиселект обрабатывать
J💖
Новости с полей: заказчик захотел, чтобы при открытии определенных селектов происходила автоматическая фокусировка на значениях, выбранных в прошлый раз. Вообще дичь какая-то, но сделалась на удивление легко
Ты скролишь через нативное апи или с поддержкой ie?
AH
Ты скролишь через нативное апи или с поддержкой ie?
focusMatOption(select: MatSelect) {
const prevSourceId: number = getValueFromLocalStorage('source');
const option: MatOption = select.options.find(item => item.value.id === prevSourceId);
if (option && !this.source.value) {
option.focus();
}
}J💖
сейчас буду мультиселект обрабатывать
Вопрос к какому элементу там скролить. Открываешь селект и к первому из выбранных?
И ещё такой кейс. Если селект с infinite/virtual scroll и данных нет на первой странице то что показывать? Сразу фильтровать запрос на бек?
И ещё такой кейс. Если селект с infinite/virtual scroll и данных нет на первой странице то что показывать? Сразу фильтровать запрос на бек?
AH
а в шаблоне у mat-select вот так (opened)="focusMatOption(select)" #select
J💖
focusMatOption(select: MatSelect) {
const prevSourceId: number = getValueFromLocalStorage('source');
const option: MatOption = select.options.find(item => item.value.id === prevSourceId);
if (option && !this.source.value) {
option.focus();
}
}О, прикольно)
AH
Вопрос к какому элементу там скролить. Открываешь селект и к первому из выбранных?
И ещё такой кейс. Если селект с infinite/virtual scroll и данных нет на первой странице то что показывать? Сразу фильтровать запрос на бек?
И ещё такой кейс. Если селект с infinite/virtual scroll и данных нет на первой странице то что показывать? Сразу фильтровать запрос на бек?
касательно этой системы запрос отпадает, с бэка у нас лимит 100записей, а там никогда столько не будет по регламенту
J💖
касательно этой системы запрос отпадает, с бэка у нас лимит 100записей, а там никогда столько не будет по регламенту
Однако
AH
если же рассматривать в рамках других систем, то просто хранить в том виде, в каком выбирается value (id попадает в форму потом или весь объект) то можно просто "закидывать" объект к полученному списку
AH
моя директива getEntities принимает в себя текущее значение в селекте, чтобы добавить его в полученный с бэка список, если его нет там
J💖
если же рассматривать в рамках других систем, то просто хранить в том виде, в каком выбирается value (id попадает в форму потом или весь объект) то можно просто "закидывать" объект к полученному списку
Это немного будет неканон.
У тебя этот элемент в сортировке по нейму, будет 278, а грузишь ты разом сотку. Потом пользователь включает подгрузку каким-нибудь скроллом и усе, элемент теперь не 101, а 201, а уже потом 278
У тебя этот элемент в сортировке по нейму, будет 278, а грузишь ты разом сотку. Потом пользователь включает подгрузку каким-нибудь скроллом и усе, элемент теперь не 101, а 201, а уже потом 278
J💖
Хотя, как вариант
AH
обычно я туда "отправляю" значение из контрола, потому что если я не сделаю это, то получится так, например пользователь открывает карточку, там есть поле Организация, и в ней у нас Организация с id 5490, а в селект попадают только 1-100 id, и визуально поле будет пустым
AH
Это немного будет неканон.
У тебя этот элемент в сортировке по нейму, будет 278, а грузишь ты разом сотку. Потом пользователь включает подгрузку каким-нибудь скроллом и усе, элемент теперь не 101, а 201, а уже потом 278
У тебя этот элемент в сортировке по нейму, будет 278, а грузишь ты разом сотку. Потом пользователь включает подгрузку каким-нибудь скроллом и усе, элемент теперь не 101, а 201, а уже потом 278
у нас на таких селектах всегда стоит поиск, вообще если там более 10-15 значений и это "редактируемый" справочник
AH
но слава богу, другим это в голову не приходит х)
AH
автофокус блин
J💖
Я все ещё не понимаю зачем)
А можешь гифку записать, хочу посмотреть как это выглядит in action.
Может это мега дизайнерский подход(и его надо избегать на всех обсуждениях хд)
А можешь гифку записать, хочу посмотреть как это выглядит in action.
Может это мега дизайнерский подход(и его надо избегать на всех обсуждениях хд)