Сообщение #1
29 июня 2017, 15:39
|
Создание модального окна для website
В Odoo для создания модального окна используется модуль getbootstrap.com/javascript/#modals
Для создания модальной страницы необходимо написать template в требуемом стиле и подключить через javascript модальный модуль
1.Создаем template
2. Подключаем вызов модального окна, например, к тегу <a/>
3.Пишем javascript код
Для создания модальной страницы необходимо написать template в требуемом стиле и подключить через javascript модальный модуль
1.Создаем template
<template id="product_info" name="Product Info">
<div id="modal_optional_products" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" style="width:350px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h4 class="modal-title" id="myModalLabel"><t t-esc="product"/>
<t t-esc="product"/></br></h4>
</div>
<div class="modal-body">
<div class="container">
<div class="row">
Код страницы
</div>
</div>
</div>
</div>
</div>
</div>
</template>
2. Подключаем вызов модального окна, например, к тегу <a/>
<a name="info_route" itemprop="name" t-att-route="slug(product)" class="btn btn-primary btn-lg">Инфо</a></span>
3.Пишем javascript код
$('a[name="info_route"]')
.off('click')
.removeClass('a-submit')
.click(function (event) {
var product_id = parseInt($(this).attr('route'));
event.preventDefault();
ajax.jsonRpc("/shop/info", 'call', {
'product_id': product_id,
}).then(function (modal) {
var $modal = $(modal);
$modal
.modal()
.on('hidden.bs.modal', function () {
$(this).remove();
});
});
return false;
});
Последний раз редактировал пользователь
aladkoi
-
29 июня 2017, 15:42