터치 도구 상자
선택 항목을 선택하고 탭하면 터치 도구 상자가 나타납니다. 이는 모바일 및 터치 장치에서 다른 방식으로는 사용자가 가질 수 없는 확장된 기능을 제공할 수 있습니다. 아래 Javascript 스프레드시트에서 메뉴를 사용하여 항목을 추가 또는 제거하면서 터치 도구 상자를 사용자 정의해 보십시오.
설명
app.js
index.html
styles.css
붙여넣기, 잘라내기, 복사 및 자동 채우기와 같은 기본 제공 도구 상자 항목을 사용할 수 있습니다.
또한 터치 도구 상자 항목을 사용자 정의하여 터치 도구 상자에 추가할 수 있습니다.
var text = 'clear'
var image = 'image/clear.jpg';
var item = new GC.Spread.Sheets.Touch.TouchToolStripItem(name, text, image, function () {
spread.touchToolStrip.close();
alert('Runing clearing...');
});
spread.touchToolStrip.add(item);
text 메서드를 사용하여 항목의 텍스트를 가져오거나 설정하고, font 메서드를 사용하여 항목 텍스트의 글꼴을 가져오거나 설정하고, foreColor 메서드를 사용하여 항목 텍스트의 색을 가져오거나 설정할 수 있습니다.
터치 도구 상자 항목을 추가한 후에는 getItem 및 getItems를 사용할 수 있습니다. 또한 한 항목을 제거하거나 모든 항목을 지울 수 있습니다.
var text = 'clear'
var image = 'image/clear.jpg';
var item = new GC.Spread.Sheets.Touch.TouchToolStripItem(name, text, image, function () {
spread.touchToolStrip.close();
alert('Runing clearing...');
});
spread.touchToolStrip.add(item);
제공된 API를 사용하여 도구 상자를 사용자 정의할 수 있습니다. 예:
var toolStrip = spread.touchToolStrip;
toolStrip.imageAreaHeight(50); //Sets the image area height.
toolStrip.itemHeight(80); //Sets the toolbar item height.
toolStrip.itemWidth(120); //Sets the toolbar item width.
toolStrip.separatorHeight(80); //Sets the toolbar separator height.
spread.touchToolStrip.add(item);