csjs onclickイベントは私のxpageをリフレッシュする

Question

xpageには、私はcsjsから開くダイアログがあります。 DDE KCで

以下のように、それを説明する： https://www.ibm.com/support/knowledgecenter/SSVRGU_9.0.0/com.ibm.designer.domino.ui.doc/extlib_controlref_dialog.html

だから私は二つのボタンを追加しました。 1つのHTMLと1つのButtonコントロール：ここに

<button onclick="openDlgAction('1')">Open Dialog</button> 
<xp:button value="Open Dialog" id="button4"> 
    <xp:eventHandler event="onclick" submit="false"> 
     <xp:this.script><![CDATA[XSP.openDialog("#{id:dlgAction}")]]></xp:this.script> 
    </xp:eventHandler> 
</xp:button> 

は私のダイアログが表示される方法です。

<span id="view:_id1:_id2:cbMain:dlgAction" style="display: none" title="Select Action"></span> 

私openDlgAction CSJS機能で、正しいIDを生成するために、私は、スクリプト経由でのXPageにこれを追加しましたブロック。ここで

は、それがブラウザに表示される方法です。

<script type="text/javascript"> 
function openDlgAction(unid){ 
    XSP.openDialog("view:_id1:_id2:cbMain:dlgAction") 
} 
</script> 

機能、Buttonコントロールの下で以下のようにレンダリングされます：私は理解していない何

function view__id1__id2_cbMain__id319_clientSide_onclick(thisEvent) { 
XSP.openDialog("view:_id1:_id2:cbMain:dlgAction") 
} 

はなぜButtonコントロールの作品です（ダイアログが表示されます）、HTMLボタンの下でページがすばやく更新されます。好奇心のうち

私はまたのXPageをリフレッシュするのonclickイベントに別のHTMLボタンを追加しました：私は

<button onclick="alert('hi')">click me</button> 

何を望むのですか？

Answer 1

ボタンにボタンタイプが指定されていないため、「htmlボタン」をクリックするとページがリロードされます。したがって、送信ボタンとして解釈されます。

だから、 'ボタン' にボタンの種類を設定します。

<button type='button' onclick="openDlgAction('1')">Open Dialog</button>