팡이네

[Angular] 테이블 tr 태그에 포커스

Angular2021. 10. 22. 17:09

.html

tr 태그는 포커스가 가능한 태그가 아니기 때문에 tabindex 속성 필요

?
1
2
3
4
5
...
<tr #trOrder tabindex="0">
    <td>...</td>
</tr>
...

.ts

?
1
2
3
4
5
6
7
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

티스토리툴바