如何从特定ID调用特定模型 [英] How to call specific model from sprcific ID
问题描述
在这里,我正在努力添加用户保险详细信息,并添加他们的通知警报系统.
Here i am working on adding user insurance details and also add their notifications alert system.
以下是添加保险的小贴士:
用户添加了各种保险详细信息后,它将在临时表下方的中显示其保险数据:
when user added their various insurance details then it will show their insurance data in below temporary table:
用户还可以从保险详细信息模型添加其通知选项,如下所示:
user can also added their notification options from insurance details model like this:
但是问题是,当我从保险明细行调用通知模型时.那么在添加了多个保险明细行的情况下将无法使用.
But the problem is that, when i call notification model from insurance details row. then it not works in case of multiple insurance details rows added.
这是我的jquery代码
<script type="text/javascript">
var id = 1;
function add_ins(){
var mode = $('#Mode').val();
var term = $('#term').val();
var mat_amt = $('#mat_amt').val();
var premium = $('#premium').val();
var ins_date = $('#ins_date').val();
// var id = 1;
// alert(mode);
$('#insurance_temp').append('<tr><td>'+id+'</td><td>'+mat_amt+'<input type="hidden" name="mat_amt[]" value="'+mat_amt+'"><input type="hidden" name="term[]" value="'+term+'"></td><td>'+ins_date+'<input type="hidden" name="ins_date[]" value="'+ins_date+'"></td><td>'+mode+'<input type="hidden" name="Mode[]" value="'+mode+'"></td><td>'+premium+'<input type="hidden" name="premium[]" value="'+premium+'"></td><td><a style="cursor: pointer;" data-toggle="modal" data-target="#notifier'+id+'"><span class="fa fa-pencil"></span> Notfication</a></td><td>Edit</td><td>Delete</td></tr>');
$('#notifier').attr('id','notifier'+id);
id++;
$('#frm_add_insurance')[0].reset();
}
这是我的模型HTML
<div class="modal fade" id="notifier" role="dialog">
<div class="modal-dialog col">
<!-- category delete Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Add Notification<script type="text/javascript">id</script></h4>
</div>
<div class="modal-body">
<div class="container">
<div class="form-group">
<div class="table-responsive">
<table class="table table-bordered" id="dynamic_field">
<tr>
<td><select class="form-control" name="notify_type[]">
<option value="sms">SMS</option>
</select>
</td>
<td><input type="text" name="units[]" value="10" class="form-control name_list" /></td>
<td><select class="form-control" name="unit_type[]">
<option value="months">Months</option>
<option value="weeks">Weeks</option>
<option value="days">Days</option>
</select>
</td>
<td><button type="button" name="add" id="add" onclick="add_not_field();" class="btn btn-success">Add More</button></td>
</tr>
</table>
</div>
<!-- </form> -->
</div>
</div>
请建议我,我要去哪里了.提前致谢.
Please suggest me, where i am going wrong. Thanks in advance.
推荐答案
通知td的Onclick只需从表中获取保险ID并像这样更新模态.它将正常工作.
Onclick of notification td just get the insurance id from table and update the modal like this . it will work generic.
$(document).ready(function(){
$(document).on('click','.notifier_click',function(){
var ins_id = $(this).closest('tr').find('td.insurance_main_id').text();
$('.insurance_modal_id').val(ins_id);
});
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<table border="1px">
<thead>
<tr>
<th>insurance id</th>
<th>notification</th>
</tr>
</thead>
<tbody>
<tr>
<td class="insurance_main_id">1</td>
<td><a style="cursor: pointer;" data-toggle="modal" data-target=".notifier" class="notifier_click"><span class="fa fa-pencil"></span> Notfication</a></td>
<tr>
<tr>
<td class="insurance_main_id">2</td>
<td><a style="cursor: pointer;" data-toggle="modal" data-target=".notifier" class="notifier_click"><span class="fa fa-pencil"></span> Notfication</a></td>
<tr>
</tbody>
</table>
<div class="modal fade notifier" role="dialog">
<div class="modal-dialog col">
<!-- category delete Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Add Notification<script type="text/javascript"></script></h4>
</div>
<div class="modal-body">
<div class="container">
<div class="form-group">
<div class="table-responsive">
<table class="table table-bordered" id="dynamic_field">
<tr>
<td ><input type="text" name="insurance_id" class="insurance_modal_id"/> </td>
<td><select class="form-control" name="notify_type[]">
<option value="sms">SMS</option>
</select>
</td>
<td><input type="text" name="units[]" value="10" class="form-control name_list" /></td>
<td><select class="form-control" name="unit_type[]">
<option value="months">Months</option>
<option value="weeks">Weeks</option>
<option value="days">Days</option>
</select>
</td>
<td><button type="button" name="add" id="add" onclick="add_not_field();" class="btn btn-success">Add More</button></td>
</tr>
</table>
</div>
<!-- </form> -->
</div>
</div>
</div>
</div>
这篇关于如何从特定ID调用特定模型的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!