kintone的api用法取空白的方法

在一览画面

(function() {

"use strict";

kintone.events.on('app.record.index.show', function(event) {
    kintone.app.getHeaderMenuSpaceElement().innerHTML =  '<button id=\'my_index_button\'>一覧のボタン</button>';
});

})();

不过这种写法在页面刷新还有排序时容易出增殖bug，所以 (function() { "use strict"; kintone.events.on('app.record.index.show', function(event) { // 増殖バグを防ぐ if (document.getElementById('my_index_button') !== null) { return;//这一步用来判断有没有这个button要素，存在就结束 }

    var myIndexButton = document.createElement('button');
    myIndexButton.id = 'my_index_button';
    myIndexButton.innerText = '一覧のボタン';
    kintone.app.getHeaderMenuSpaceElement().appendChild(myIndexButton);
});

})();

下面是偏应用，在一览画面如何做一个，点一下头部按钮，在下方会显示出文字的功能

(function() { "use strict"; kintone.events.on('app.record.index.show', function(event) {//定义活动页面 if (document.getElementById('my_index_button') !== null) {//验证是否已存在按钮 return; } var myIndexButton = document.createElement('button');//创造按钮元素1 myIndexButton.id = 'my_index_button';//给按钮1取id myIndexButton.innerText = '一覧のボタン';//给按钮1填文字 myIndexButton.onclick = function() {//给按钮1弄动作 var myHeaderSpace = kintone.app.getHeaderSpaceElement();//新定义变量代表头部元素 // 文字列要素 var myListHeaderDiv = document.createElement('div');//再定义一个div区域 myListHeaderDiv.style.width = '100%'; myListHeaderDiv.style.height = '35px'; myListHeaderDiv.style.textAlign = 'center'; myListHeaderDiv.style.fontSize = '30px'; myListHeaderDiv.style.fontWeight = 'bold'; myListHeaderDiv.style.backgroundColor = '#ffd78c'; myListHeaderDiv.innerText = '押されて飛び出てじゃじゃじゃじゃーん';

        // メニューの下側の空白部分に文字列を表示
        myHeaderSpace.innerText = ''; // ← 増殖を防ぐため一旦明示的に空文字をセット，
        myHeaderSpace.appendChild(myListHeaderDiv);
    };

    kintone.app.getHeaderMenuSpaceElement().appendChild(myIndexButton);//把按钮1塞到头部目录空白元素
});

})(); //总结一下啊，先是弄了个按钮，然后给按钮定义一个动作，动作里面定义两个变量，一个是头部空白元素， //另一个是区域，区域编辑一下属性然后套进头部空白元素 //然后把安置这个按钮在头部目录空白元素

lawrencepiao / kintonepublishedtutorial

kintone的api用法取空白的方法 #3