让我说我有
客户模式:
ID
UserName
Password
LastName
FirstName
City
Street
BuildingNumber
...
ServiceCall模型:
ID
CustomerID
....
在我的应用程序中,建筑物中的每个人都可以使用建筑物UserName和Password打开服务呼叫。 除了这个选项,他们还可以打电话给公司的办公室,并要求秘书为他们打开服务电话。 我想让秘书用完整的地址搜索客户,因为客户可能不记得他的ID,UserName ......等等。 我想添加搜索按钮,它将打开一个带有客户搜索的引导模式...
实现弹出窗口的最佳方法是将搜索选项包含在另一个模型中?
答案 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并显示结果或者由返回的人替换模态的内容。