呼叫HTML模式窗体
问题描述:
我想呼吁电网LinkButton的,但不能一个HTML模式窗体这样做.. 通常情况下,HTML模式窗体被称为像这样呼叫HTML模式窗体
<a href="#fModal" role="button" class="btn btn-default" data-toggle="modal">Modal form</a>
模式窗体代码: -
<div class="modal fade" id="fModal" 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"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4>Modal form</h4>
</div>
<div class="modal-body modal-body-np">
<div class="row">
<div class="block-fluid">
<div class="row-form clearfix">
<div class="col-md-3">First name:</div>
<div class="col-md-9"><input type="text" value=""/></div>
</div>
<div class="row-form clearfix">
<div class="col-md-3">Last name:</div>
<div class="col-md-9"><input type="text" value=""/></div>
</div>
<div class="row-form clearfix">
<div class="col-md-3">About:</div>
<div class="col-md-9"><textarea></textarea></div>
</div>
</div>
<div class="dr"><span></span></div>
<div class="block">
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet.</p>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-warning" data-dismiss="modal" aria-hidden="true">Save updates</button>
<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>
</div>
</div>
请建议我如何做到这一点,我希望把它在网格中确实显示与基于该CommandArgument数据库中获取一些数据的编辑模式的雏型。
答
考虑引导V2.3 +你应该使用data-target="#fModal"
而不是href="#fModal"
像这样:
<a href="javascript:void(0);" role="button" class="btn btn-default" data-toggle="modal" data-target="#fModal">Modal form</a>
究竟是不是工作? –
你可以用runat =“server”设置div,并在链接按钮点击事件上添加css类,即“淡入淡出”。 –