如何在MVC C#

时间:2015-08-17 06:42:49

标签: c# asp.net-mvc entity-framework twitter-bootstrap-3

让我说我有

客户模式:

ID
UserName
Password
LastName
FirstName
City
Street
BuildingNumber
...

ServiceCall模型:

ID
CustomerID
....

在我的应用程序中,建筑物中的每个人都可以使用建筑物UserName和Password打开服务呼叫。 除了这个选项,他们还可以打电话给公司的办公室,并要求秘书为他们打开服务电话。 我想让秘书用完整的地址搜索客户,因为客户可能不记得他的ID,UserName ......等等。 我想添加搜索按钮,它将打开一个带有客户搜索的引导模式...

实现弹出窗口的最佳方法是将搜索选项包含在另一个模型中?

1 个答案:

答案 0 :(得分:0)

这是模态

<div id="form-content" class="modal hide fade in" style="display: none;">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>Send me a message</h3>
    </div>
    <div class="modal-body">
        <form class="contact" name="contact">
            <label class="label" for="name">Name</label><br>
            <input type="text" name="name" class="input-xlarge"><br>
            <label class="label" for="email">E-mail</label><br>
            <input type="email" name="email" class="input-xlarge"><br>
        </form>
    </div>
    <div class="modal-footer">
        <input class="btn btn-success" type="submit" value="Search" id="submit">
        <a href="#" class="btn" data-dismiss="modal">Cancel</a>
    </div>
</div>
<div id="thanks"><p><a data-toggle="modal" href="#form-content" class="btn btn-primary btn-large">Click me to open search</a></p></div>

$(document).ready(function () {
    $("input#submit").click(function(){
        $.ajax({
            type: "POST",
            url: "process.php", //process to mail
            data: $('form.contact').serialize(),
            success: function(msg){
                $("#thanks").html(msg) //hide button and show thank you
                $("#form-content").modal('hide'); //hide popup  
            },
            error: function(){
                alert("failure");
            }
        });
    });
});

然后你只需要对服务器进行ajax调用并返回关闭modla并显示结果或者由返回的人替换模态的内容。