샘플 앱 화면

구현 방법

동작 설명

주의

소스 코드

jQuery.noConflict();
(function($) {
    "use strict";
    kintone.events.on("app.record.detail.show", function(e) {
        var elfield = kintone.app.record.getFieldElement('sline');
        var compiled = _.template('<div id="dialog" title="Hello"> Hello,<%= echo %></div>')({echo: $(elfield).text()});

        var elMyBt = _.template('<button id="myBt">click</button>');
        $(kintone.app.record.getHeaderMenuSpaceElement()).append(elMyBt);

        $('#myBt').on('click', function() {
            console.log("on click");
            viewDialog();
        });

        function viewDialog() {
            console.log("viewDialog");
            $(compiled).dialog({autoOpen: false, modal: true}).dialog('open');
        }
    });
})(jQuery);

참고문헌