[Angular] 테이블 tr 태그에 포커스
Angular2021. 10. 22. 17:09
.html
tr 태그는 포커스가 가능한 태그가 아니기 때문에 tabindex 속성 필요
...
<tr #trOrder tabindex="0">
<td>...</td>
</tr>
...
.ts
import { ElementRef, QueryList, ViewChildren } from '@angular/core';
...
@ViewChildren('trOrder') trList: QueryList<ElementRef>;
...
setFocus(index) {
this.trList.get(index).nativeElement.focus();
}
'Angular' 카테고리의 다른 글
| [Angular] video.js(v7.21.6) 설정 (0) | 2024.06.17 |
|---|---|
| [Angular] 동적 파이프(Dynamic Pipe) (0) | 2023.03.02 |
| [Angular] 문자열 표시 파이프(V2) (0) | 2021.05.24 |
| [Angular] 숫자형식 표시 파이프(v3) (0) | 2021.05.20 |
| Angular 5 이미지 Base64 문자열 변환(primeng fileupload 컴포넌트 사용) (0) | 2018.08.24 |
[Angular] 문자열 표시 파이프(V2)
Angular2021. 5. 24. 09:24
typescript, angular
문자열 표시 파이프
//--------------------------------------
// 문자열 표시 파이프
//--------------------------------------
/**
* 문자열 형식 표시
* options {
* replace: %s를 문자열로 변환하여 표시,
* pre: 문자열 앞에 표시
* post: 문자열 뒤에 표시
* limit: 지정한 길이만큼 표시
* }
* 사용법)
* {{ null | string : { post: '년' } }} => null
* {{ '2021' | string : { post: '년' } }} => '2021년'
* {{ '2021' | string : { replace: '(%s년 리모델링)' } }} => '(2021년 리모델링)'
* {{ 25 | string : { replace: '(지상 %s층)' } }} {{ 8 | string : { replace: ' / 지하 %s층' } }} => '지상 25층 / 지하 8층'
* {{ 25 | string : { replace: '(지상 %s층)' } }} {{ null | string : { replace: ' / 지하 %s층' } }} => '지상 25층'
*/
@Pipe({ name: 'string' })
export class StringPipe implements PipeTransform {
transform(value: number | string, options?: { replace: string, pre: string, post: string, limit: number }): string {
if (value) {
let result: string = null;
if (options?.replace) {
result = options?.replace.replace('%s', ''+ value);
} else {
result = ((options?.pre) ? options?.pre : '') + value + ((options?.post) ? options?.post : '');
}
if (options.limit && result.length > options.limit) {
result = result.slice(0, options.limit) +'...';
}
return result;
} else {
return null;
}
}
}'Angular' 카테고리의 다른 글
| [Angular] video.js(v7.21.6) 설정 (0) | 2024.06.17 |
|---|---|
| [Angular] 동적 파이프(Dynamic Pipe) (0) | 2023.03.02 |
| [Angular] 테이블 tr 태그에 포커스 (0) | 2021.10.22 |
| [Angular] 숫자형식 표시 파이프(v3) (0) | 2021.05.20 |
| Angular 5 이미지 Base64 문자열 변환(primeng fileupload 컴포넌트 사용) (0) | 2018.08.24 |
List 다중 컬럼 정렬
Java2021. 5. 21. 08:55
List 에 대하여 다중 컬럼 정렬을 하고자 할 때
//
export class Test {
String name;
Integer age;
Integer score;
}
List list = ...;
// 점수순으로 정렬
list.sort( (a, b) -> a.getScore().compareTo(b.getScore()) );
// 점수순, 나이순으로 정렬
Collections.sort(list, Comparator.comparing(Test::getScore)
.thenComparing(Test::getAge));
//출처
https://stackoverflow.com/questions/4258700/collections-sort-with-multiple-fields
Collections.sort with multiple fields
I have a list of "Report" objects with three fields (All String type)- ReportKey StudentNumber School I have a sort code goes like- Collections.sort(reportList, new Comparator<Report>() { @
stackoverflow.com
내림차순(역순) 정렬
public class TempDTO {
private Integer order;
private String name;
...
}
list.sort(Comparator.comparing(TempDTO::getOrder, Comparator.reverseOrder()));'Java' 카테고리의 다른 글
| [POI 3.17] 이름 정의 및 데이터 유효성 검사 추가(드롭다운 구현) (0) | 2021.11.05 |
|---|---|
| 날짜 관련 유틸리티 (0) | 2018.10.23 |
| JDK 8 인스톨 없이 설치하기 (0) | 2018.10.20 |
| 사진 이미지 크기 변경 후 Base64 문자열 변환 (0) | 2018.04.26 |
| POI, Excel 셀 생성 (0) | 2015.06.30 |
