详解Python odoo中嵌入html简单的分页功能
作者:上帝的中腿 时间:2021-05-21 12:24:06
在odoo中,通过iframe嵌入 html,页面数据则通过controllers获取,使用jinja2模板传值渲染
html页面分页内容,这里写了判断逻辑
<!-- 分页 -->
<ul id="ty_paging">
<li class="home" id="home"><a href="/car/budget/report/1" rel="external nofollow" ></a>首页</li>
{% if current_page == 1 %}
<li class="prev" id="prev"><</li>
{% else %}
<li class="prev" id="prev"><a href="/car/budget/report/{{current_page - 1}}" rel="external nofollow" ><</a></li>
{% endif %}
{% if current_page == total_page %}
<li class="next" id="next">></li>
{% else %}
<li class="next" id="next"><a href="/car/budget/report/{{current_page + 1}}" rel="external nofollow" >></a></li>
{% endif %}
<li class="max">共{{total_page}}页</li>
<li class="max">第{{current_page}}页</li>
<input type="number" min="1" value="1" class="inputPage" id="inputPage"/>
<li class="jump" id="jump"><a id="add" href="javascript:void(0)" rel="external nofollow" onclick="subNmbr()">跳转</a></li>
</ul>
在,odoo的controllers中的逻辑
class CarBudgetReport(http.Controller):
@http.route('/car/budget/report/<int:page>', auth='public')
def index(self, page=1, **kw):
data1 = request.env['lims.car.scheme'].get_first_budget()
total_page = int(len(data1) / 10) + 1
if page > total_page:
data = []
else:
data = data1[(page - 1) * 10: page * 10]
return env.get_template(HTML_FIEL_NAME).render({'data': data, 'current_page': page, 'total_page': total_page})
CSS文件:
/* 分页功能的通用样式 */
#ty_paging {
overflow: hidden;
display: block;
width: 100%;
margin-top: 20px;
text-align: center;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
font-size: 14px;
color: #000000;
background-color: #FFFFFF;
}
#ty_paging li {
display: inline-block;
height: 32px;
width: 32px;
line-height: 32px;
margin: 0px 5px;
padding: 0px;
border: 1px solid #ddd;
border-radius: 2px;
cursor: pointer;
vertical-align: top;
text-align: center;
}
#ty_paging .home,#ty_paging .jump {
width: 56px;
height: 32px;
}
#ty_paging .max {
width: 60px;
border: none;
}
#ty_paging .inputPage {
height: 32px;
width: 56px;
border: 1px solid #ddd;
border-radius: 2px;
text-align: center;
color: #000000;
}
在后台xml中需要将路由设置默认为1
<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">
<t t-name="BudgettIframe">
<iframe src="car/budget/report/1" marginheight="0" marginwidth="0" width="100%" height="100%" />
</t>
</templates>
html 分页js代码
<script>
// 悬浮样式
$('#home, #jump').mouseover(function () {
// if ($(this).val() == ty_currentPage) return;
$(this).css({
'border-color': '#2db71a',
'color': '#000000',
// 'background-color': '#337ab7',
});
});
$('#home, #prev, #next, #jump').mouseout(function () {
// if ($(this).val() == ty_currentPage) return;
$(this).css({
'border-color': "#ddd",
'color': '#666',
// 'background-color': '#ffffff',
});
});
$('#up, #down').mouseover(function () {
// if ($(this).val() == ty_currentPage) return;
$(this).css({
'border-color': '#337ab7',
'color': '#ffffff',
'background-color': '#2db71a',
});
});
$('#up, #down').mouseout(function () {
// if ($(this).val() == ty_currentPage) return;
$(this).css({
'border-color': "#000000",
'color': '#000000',
'background-color': '#ffffff',
});
});
// 点击跳转页面需要用到方法
function subNmbr() {
// 先获取到页面上input输入框中的值
var subNmbr = document.getElementById('inputPage').value;
// console.log(subNmbr);
// 在获取li的id,在点击时做一个动作
document.getElementById("jump").onclick = function () {
//根据a标签的id获取链接,设置href属性
var aObj = document.getElementById("add");
// 把要跳转的页面连接传入href
aObj.href = "/car/budget/report/" + subNmbr;
//根据id获取超链接,设置文字内容
aObj.innerText = "跳转";
};
}
</script>
之后便可以进行数据的简单分页
总结
以上所述是小编给大家介绍的Python odoo中嵌入html简单的分页功能,网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
来源:https://www.cnblogs.com/ws17345067708/archive/2019/05/29/10941807.html
标签:Python,odoo,html,分页
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
sqlserver数据库迁移后,孤立账号解决办法
2011-10-24 20:01:40
用ASP显示ACCESS数据库的GIF图象
2008-11-16 18:09:00
Python pickle模块用法实例
2022-06-30 10:29:04
PHP的mysqli_stmt_init()函数讲解
2023-06-08 05:04:51
![](https://img.aspxhome.com/file/2023/4/55454_0s.png)
Ext2.0.2经典的一个JS组件(带EXT中文手册)
2009-04-13 12:24:00
tensorflow识别自己手写数字
2022-10-12 20:25:04
![](https://img.aspxhome.com/file/2023/1/99431_0s.jpg)
Python urllib库如何添加headers过程解析
2023-01-09 00:07:35
关于Python中的同步异步阻塞与非阻塞
2021-09-03 05:54:01
Python操作MongoDB数据库的方法示例
2022-09-03 13:48:40
Django中间件拦截未登录url实例详解
2022-05-15 05:30:21
Python 一篇文章看懂时间日期对象
2022-12-23 04:29:14
![](https://img.aspxhome.com/file/2023/9/87729_0s.png)
一个ASP记录集分页显示的例子
2007-09-14 10:57:00
Python一些基本的图像操作和处理总结
2022-02-24 05:46:33
![](https://img.aspxhome.com/file/2023/2/65562_0s.png)
自动清空站点目录下所有文件
2009-06-24 11:11:00
基于python list对象中嵌套元组使用sort时的排序方法
2022-11-04 03:38:21
Python 发送SMTP邮件的简单教程
2021-04-27 00:26:51
![](https://img.aspxhome.com/file/2023/1/67761_0s.png)
Python爬虫实战案例之爬取喜马拉雅音频数据详解
2023-07-19 07:05:02
![](https://img.aspxhome.com/file/2023/2/79402_0s.png)
python乱序字符串排序的实现方式
2023-08-02 12:14:59
python使用RNN实现文本分类
2023-10-17 14:07:18
![](https://img.aspxhome.com/file/2023/1/96461_0s.jpg)
PyQt5每天必学之单行文本框
2022-09-12 06:29:35
![](https://img.aspxhome.com/file/2023/1/82551_0s.png)