如何添加在劍道一個按鈕彈出

Question

！[劍道彈出] [1]

如何添加一個按鈕來查看在劍道彈出UI 像更新的詳細信息，取消按鈕。我想在彈出

Answer 1

加多一顆鈕釦，這是一個確認模態對話框

<div data-role="modalview" id="confirmationView" data-init="app.confirmationView.onInit" style="display: none;"> 
    <p class="message" data-bind="text: confirmationText"></p> 
    <hr> 
    <p> 
     <a data-role="button" class="buttonYes" data-bind="click: onYesClick">Yes</a> 
     <a data-role="button" class="buttonNo" data-bind="click: onNoClick">No</a> 
    </p> 
</div> 

一個HTML這是視圖模型爲它（requireJs模塊）

/*global define*/ 
define(['kendo', 'jquery'], function (kendo, $) { 
    'use strict'; 
    var viewModel = kendo.observable({ 
     callback: undefined, 
     confirmationText: '', 
     onInit: function() { 
      kendo.bind('#confirmationView', viewModel); 
     }, 
     onYesClick: function() { 
      if (typeof viewModel.callback === 'function') { 
       viewModel.closeConfirm(); 
       viewModel.callback(true); 
      } else { 
       viewModel.closeConfirm(); 
      } 

     }, 
     onNoClick: function() { 
      if (typeof viewModel.callback === 'function') { 
       viewModel.callback(false); 
      } 
      viewModel.closeConfirm(); 
     }, 
     onCloseClick: function() { 
      viewModel.closeConfirm(); 
     }, 
     showConfirm: function(text, callback) { 
      viewModel.callback = callback; 
      viewModel.set('confirmationText', text); 
      $("#confirmationView").show().data().kendoMobileModalView.open(); 
     }, 
     closeConfirm: function() { 
      $("#confirmationView").data().kendoMobileModalView.close(); 
     } 
    }); 

    return viewModel; 
}); 

爲了展示確認對話框，你可以從這個模塊調用showConfirm