【问题标题】:popup with bootstrap带有引导程序的弹出窗口
【发布时间】:2013-03-21 23:23:21
【问题描述】:

如何使用 MVC 引导创建弹出窗口?

我有这个代码,当我点击“生成密码”调用一个函数(它在我的控制器管理员中)并返回一个字符串。如何在弹出窗口中显示字符串??

<div class="editor-field" title="User Password">
    <a class="btn btn-primary btn-small" href="#" 
    onclick="location.href='@Url.Action("GeneratePsw", "Admin", null)'; return false;">
        <i class="icon-lock icon-white"></i> Generate password
    </a> 
</div>

【问题讨论】:

标签: html asp.net-mvc twitter-bootstrap


【解决方案1】:

由于事件监听器比点击事件更好,我可能会这样做:

<div class="editor-field" title="User Password">
    <a id="pwd_gen" class="btn btn-primary btn-small" href="#">
        <i class="icon-lock icon-white"></i> Generate password
    </a> 
</div>

$(function() { // document.ready shorthand
    $('#pwd_gen').click(function() {
        var myPwd = $(this).location.href='@Url.Action("GeneratePsw", "Admin", null);
        alert(myPwd); // or however you want to handle it with Bootstrap
    });
});

【讨论】:

  • 它不调用函数 "GeneratePsw" 必须 "$('#pwd_gen'...." 在 @section onReady{ .... } ?? 或在哪里?? 谢谢!
  • 我已将其添加到我的答案中,并修复了正确关闭点击功能的语法。
【解决方案2】:
$(document).on("click", ".open-ShowPwdDialogUser", function () { 

    var pwd="";


    $.get("@Url.Action("GeneratePsw", "Admin")",function(data){

        pwd=data;

        $(".modal-body #pwdUser").val(pwd);
        $('#1').modal('show');


    }); 


})

【讨论】:

    猜你喜欢
    • 2018-05-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多