/ / aspボタンは、ブートストラップダイアログポップアップで割り込み - jquery、asp.net、twitter-bootstrap、twitter-bootstrap-3

ブートストラップダイアログポップアップでaspボタン割り込み - jquery、asp.net、twitter-bootstrap、twitter-bootstrap-3

私はaspボタンであるいくつかのボタンを作ろうとしており、ユーザがクリックすると、ダイアログポップが表示されます。

だから私は今までに何をしたのですか?

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<asp:Button ID="Button1" runat="server" Text="Req" class="btn btn-info" data-toggle="modal" data-target="#myModal"/>

問題は runat="server"。 runatサーバーがあると、間違っていなければ、ダイアログが開き、ポストバックのために点滅するように非常に速く閉じます。これに対する回避策はありますか、それともどのように修正できますか?

回答:

回答№1は0

あなたのHTMLを更新して、 "Save changes"ボタンがaspボタンであり、 data-toggle="modal" ボタンは通常のHTMLボタンです。

この方法でブートストラップ機能が動作し、「変更を保存」をクリックすると、.netボタンがポストバックと機能を引き継ぎます。

効果的にこれはあなたの "Save changes"ボタンがやっていることで、現在のASPボタンはモーダルを開くだけです。


回答№2の場合は0

あなたは ASP:ボタンこのような標準的なボタンを更新する...

 <button type="button" class="btn btn-primary"
onClick="CodeBehindMethodName">Save changes</button>

protected void CodeBehindMethodName(object sender, EventArgs e)
{
...
}