ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • SharePoint 목록 - 목록에 포멧으로 링크만들기
    Power Platform/SharePoint 2022. 4. 28. 12:35
    728x90

    SharePoint 목록 - 목록에 포멧으로 링크만들기

    SharePoint에서 하이퍼링크 형태의 데이터로 만들면 특정 사이트로 연결되는 링크를 만들 수 있지만 기본값 지정이 없고 매번 데이터를 만들어야 한다. 쉐어포인트는 기본 열의 포멧을 수정이 가능한데 수정하는 JSON을 이용해서 링크를 만들어본다.

    목록의 포멧 수정

    1. 링크를 만들기 원하는 열을 만든다. 이때 '한 줄 텍스트'로 만들자(하이퍼링크를 사용 안한다.)

      image
    2. 열의 이름을 클릭해 열 설정 -> 이 열 포멧 클릭

      image
    3. '열 형식' 탭이 열릴 것이다. 아래부분의 고급 모드를 클릭

      image
    4. 이 후 입력 텍스트 창에 다음과 같은 JSON을 입력한다.

      image
    
    {
      "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
      "elmType": "a",
      "attributes": {
        "href": "https://nanenchanga.tistory.com/",
        "target": "_blank"
      },
      "txtContent": "휴가신청"
    }
    
    1. 저장후 해당 열에 값을 클릭하면 Json의 "href" 의 Value 값에 등록한 URL로 이동되는 것을 확인 가능하다.
    • 형식을 사용하면 목록에서 표시되는 모양이 변하는것이지 값이 입력되는 것이 아니다. 해당 열을 수정하려할시 값이 비어있거나 다른 값이 있는것을 확인 가능하다.
    • 해당 열에 값을 이용해 JSON의 Value안에 입력이 가능하다. @currentField를 Value값에 집어 넣어 사용하자. 표시되는 텍스트를 제목열의 값으로 변경하면 다음과 같다. "txtContent": "@currentField"
    • 다른 열의 값을 이용해 JSON의 Value안에 입력이 가능하다. [${값을 가져올 열의 이름}]을 Value값에 집어 넣어 사용하자.
    • 다른 열의 값이나 해당 열의 값을 이어붙일땐 =를 앞에 붙이고 각 값 사이에 +를 사용한다. 이때 일반 텍스트는 작음 따음표(')로 감싼다. 텍스트와 현재입력된 값 제목값을 이어붙이려면 다음과 같다. 이때 띄어쓰기는 사용하면 안된다. "txtContent": "='휴가신청'+@currentField+[$Title]"
    • JSON Key 값 설명
    key 값 용도
    $schema 열에 형식의 사용되는 엘리멘트를 가져올 수 있는 정보를 담는다. 해당 Key는 변경하지 말자
    elmType 해당 열 형식에서 사용될 HTML 태그를 갖는다. a 이외에도 div 등이 많이 사용된다.
    attributes HTML 태그 안에 들어가는 속성값을 정한다. 위의 JSON에는 a를 사용했기에 href나 target등을 사용가능하다.
    txtContent 해당 태그 사이에 들어갈 텍스트 콘텐츠값
    728x90
    반응형

    댓글

Designed by Tistory.