Forguncy JavaScript API - ListView 클래스 중 addNewRow Method를 설명합니다.

ListView - addNewRow Method

listview.addNewRow(rowValues, isText)

addNewRow Method 설명

새로운 행(Row)를 추가합니다. 내용을 포함하여 추가할 수도 있습니댜.

Parameter 설명

Parameter 이름 타입 필수 상세 설명
rowValues 일반 객체(Object) 또는 배열(Array) 새로운 데이터 행(Row)
isText boolean 아니오 rowValue Paramter를 텍스트로 분석해야 하는 지 여부를 정합니다. 아무 것도 입력하지 않은 경우 기본 값은 false입니다.


Response 시 반환값

없음, void

활용 예제

아래는 listview.addNewRow를 사용하는 예제입니다. 버튼을 클릭하면 값이 ListView에 추가되어 나타납니다.

    //현재 페이지에 Namespace를 선언합니다.
    var page = Forguncy.Page;
    
    //이름이 ListView1인 ListView를 가져옵니다.
    var listview = page.getListView("ListView1");

    //가져온 ListView에 이름, 생년월일, 부서 데이터를 입력합니다.
    listview.addNewRow (
    {
      "이름" : "이설",
      "생년월일" : new Date(2012, 2, 7),
      "부서" : "마케팅"
    });


Forguncy 사용 예제

  1. 페이지 한 개 생성합니다. 데이터베이스 테이블을 한 개 생성한 후, 이름/생년월일/부서 열을 생성합니다.
    데이터는 넣어도 되고 안 넣어도 됩니다. 본 예제에서는 알아보기 쉽게 하기 위해 가짜 데이터를 입력했습니다.



  2. 화면의 영역을 선택하고 “ListView로 설정” 기능을 이용하여, ListView를 생성합니다.
    이 때, 데이터베이스를 선택하라고 나타나는데, 위에서 생성한 테이블을 선택하시면 됩니다.



  3. ListView에 데이터를 쉽게 입력하는 방법은 아래와 같습니다. 테이블의 열-이름을 드래그하면 됩니다.



  4. ListView의 이름을 설정합니다. ListView의 이름은 클릭 시 오른쪽의 ‘셀 유형’ 탭에서 나타납니다.



  5. ListView 내부의 각 열-이름을 설정합니다. ListView의 2번 째 줄에 열 이름을 정할 수 있습니다.
    이렇게 설정해야 ListView라는 형식의 control을 웹에서 사용할 수 있습니다.



  6. 버튼을 한 개 생성하고, “자바스크립트로 직접 프로그래밍하기” 명령을 이용하여 코드를 입력합니다.



  7. 프로젝트를 생성합니다. 버튼을 클릭하면 ListView에 데이터가 입력됩니다.



연관 태그 : JavaScript API