개요

FloatingObject: 사용자가 HTMLElement 콘텐츠를 사용자 정의할 수 있도록 콘텐츠 속성을 표시합니다.

움직이는개체를 시트에 추가하려면 FloatingObject 개체를 사용하고 add 메서드를 사용하여 시트에 추가합니다. 예는 다음과 같습니다.

    var customFloatingObject = new GC.Spread.Sheets.FloatingObjects.FloatingObject('f1');
    customFloatingObject.startRow(1);
    customFloatingObject.startColumn(1);
    customFloatingObject.endColumn(6);
    customFloatingObject.endRow(6);
    var div = document.createElement('div');
    div.innerHTML = '<span> SpreadJS supports FloatingObject.</span>'+
    '<div style='border: 1px dotted  gray; width: 60%; height:70%; margin:auto;'>' +
    '<ul><li>First list</li></ul><ul><li>Second list</li></ul></div>';
    customFloatingObject.content(div);
    sheet.floatingObjects.add(customFloatingObject);

사용자 정의된 움직이는 개체를 추가한 후 이 개체를 사용하여 작업할 수 있습니다. get 메서드를 사용하여 이름으로 가져오거나 all 메서드를 사용하여 모든 움직이는 개체를 가져옵니다. 필요하지 않으면 remove 메서드를 호출하여 이름으로 제거합니다.

예는 다음과 같습니다.

    var floatingObject = sheet.floatingObjects.get('f1');
    sheet.floatingObjects.remove('f1');

움직이는 개체는 셀의 위쪽에서 움직입니다. 그러나 다른 개체 위에 움직이는 개체가 있는 경우, 위쪽 개체 위에 아래쪽 개체를 올려놓을 수도 있습니다. zIndex 메서드를 사용하여 움직이는 개체의 z-인덱스를 설정합니다. 예는 다음과 같습니다.

    sheet.floatingObjects.zIndex('f1', 2000);