data-view

Variables

dataview

    js파일을 추가하면 자동으로 생성,초기화되며, 이 객체를 통해 아래 함수들을 호출 할 수 있습니다.

    @example - dataview.change("foo", obj);

Functions

initDataView (String querySelector)

    querySelector 안에 있는 data-view 혹은 data-list 를 인식해 dataview item으로 모두 추가합니다.

    @param querySelector - 검색할 querySelector 

change (String dataViewId, Object data)

    tag내 data-view속성의 값으로 해당하는 data와 html을 출력합니다.

    dataViewId.chage(Object data) 와 동일합니다.

    @param dataViewId - tag에 적어놓은 data-view의 값

    @param data - 변경 할 json 객체 혹은 json array

append (String dataViewId, Object data)

    tag내 data-view속성의 값으로 해당하는 위치의 뒷쪽에 html을 추가합니다.

    dataViewId.append(Object data) 와 동일합니다.

    @param dataViewId - tag에 적어놓은 data-view의 값

    @param data - 변경 할 json 객체 혹은 json array

prepend (String dataViewId, Object data)

    tag내 data-view속성의 값으로 해당하는 위치의 앞쪽에 html을 추가합니다.

    dataViewId.prepend(Object data) 와 동일합니다.

    @param dataViewId - tag에 적어놓은 data-view의 값

    @param data - 변경 할 json 객체 혹은 json array

update (String dataViewId, Number index, Object data)

    tag내 data-view속성의 값으로 해당하는 index의 html을 data로 변경합니다.

    dataViewId.update(Number index, Object data) 와 동일합니다.

    @param dataViewId - tag에 적어놓은 data-view의 값

    @param index - 변경 할 html의 index

    @param data - 변경 할 json 객체 혹은 json array

remove (String dataViewId, Number index)

    tag내 data-view속성의 해당하는 index의 html을 삭제합니다.

    dataViewId.remove(Number index) 와 동일합니다.

    @param dataViewId - tag에 적어놓은 data-view의 값

    @param index - 삭제 할 html의 index

claer (String dataViewId)

    data-view의 data를 null로 바꾸며, 해당 item을 사라지게 합니다. 이때 no-data-view를 속성으로 가진 element가 있으면 보여줍니다.

    dataViewId.clear() 와 동일합니다.

    @param dataViewId - tag에 적어놓은 data-view의 값

blank (String dataViewId)

    data-view의 내용을 공백으로 채웁니다.

    dataViewId.blank() 와 동일합니다.

    @param dataViewId - tag에 적어놓은 data-view의 값

loadAndChangeHtml(String url, String querySelector)

    url에 해당하는 html을 불러와 dataview를 추가하고, querySelector에 해당하는 tag 안에 변경된 html로 변경합니다.

    @param url - 로딩할 html의 주소

    @param querySelector - 변경할 tag의 querySelector

loadAndOverrideHtml(String url, String querySelector)

    url에 해당하는 html을 불러와 dataview를 추가하고, querySelector에 해당하는 tag를 변경된 html로 변경합니다.

    @param url - 로딩할 html의 주소

    @param querySelector - 변경할 tag의 querySelector