mstdmstd
Новичок
Всем привет,
Есть приложение php/codeigniter2/smarty/jquery/bootstrap и в нем модальные окна выполнены способом, что диву общего layout-а присваивается код возвращаемый из
вида smarty. И в общем все работает за исключением того, что при повторном запуске этого попапа не срабатывают jquery контролы выбора времени и даты.
Примерно так :
В php-контроле :
темплейт:
application/views/business/client-edit-schedule-specified-days.tpl :
И наконец в общем темплейте который используется всеми страницами
Как можно побороть эту проблему ?
Есть приложение php/codeigniter2/smarty/jquery/bootstrap и в нем модальные окна выполнены способом, что диву общего layout-а присваивается код возвращаемый из
вида smarty. И в общем все работает за исключением того, что при повторном запуске этого попапа не срабатывают jquery контролы выбора времени и даты.
Примерно так :
Код:
$.ajax({
url: $ajaxurl + "/editScheduleByType",
type: "POST",
dataType: "json",
data: { {data} }
}).done(function(data){
if(data.error) {
err(data.error, "login");
} else if(data.html) {
$("#popupwnd div.popupData").html(data.html); // заполяем див содержимым
$("#popupwnd").arcticmodal();
} else {
// Error
}
}).error(function(data){
// Error
});
return false;
}
Код:
public function editScheduleByType() {
$mode = $this->input->post("mode");
...
$html = $this->load->view("business/client-edit-schedule-specified-days.tpl", [], TRUE);
print json_encode(["html" => $html]);
}
application/views/business/client-edit-schedule-specified-days.tpl :
Код:
<script>
alert( "-1::") // Эта алерты выводтся для проверки
$(document).ready(function(){
alert( "-122::")
$(".time-select").timepicker({
timeFormat: 'HH:mm',
stepMinute: {$CompanyPolicy->app_calendar_division_mins}
});
alert( "-3::")
$('#calendar').multiDatesPicker({
dateFormat: "yy-mm-dd"
});
...
<form action="" method="post" class="form-horizontal" id="scheduleForm">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-4">
<p>{"Please select a specified days"|translate}:</p>
<div id="calendar"></div> <!-- При повторном запуcке этот каледарь не отображается-->
</div>
<div class="col-md-6 text-right">
<div class="text-left">
<p>{"Please fill your schedule"|translate}:</p>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="sched_days_time_start">{"From"|translate}:</label>
<div class="col-sm-4"<!-- При повторном запуcке этот выбор времени не отображается-->>
<input class="form-control time-select" name="sched_days_time_start" id="sched_days_time_start" value="{$Schedule->sched_days_time_start|date_format:"%H:%M"}" />
</div>
И наконец в общем темплейте который используется всеми страницами
HTML:
<div style="display: none;">
<div class="box-modal" id="popupwnd" >
<div class="alert alert-warning fade in fade" role="alert" id="div-box-modal-alert" style="display: none;">
<strong>
Message!
</strong>
<span id="span-box-modal-alert"></span>
</div>
<div class="box-modal_close arcticmodal-close">{"close"|translate}</div>
<div class="popupData" > <!-- Сюда будет записано модальное окно -->
</div>
</div>
</div>
Последнее редактирование: