Pythonodoo中嵌入html简单分页功能

本篇内容介绍了“Python odoo中嵌入html简单分页功能”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

成都创新互联主营阳泉网站建设的网络公司,主营网站建设方案,成都app软件开发,阳泉h5微信小程序搭建,阳泉网站营销推广欢迎阳泉等地区企业咨询

在odoo中，通过iframe嵌入 html，页面数据则通过controllers获取，使用jinja2模板传值渲染

html页面分页内容，这里写了判断逻辑

    首页
    {% if current_page == 1 %}
    ＜
    {% else %}
    ＜
    {% endif %}
    {% if current_page == total_page %}
    ＞
    {% else %}
    ＞
    {% endif %}
    共{{total_page}}页
    第{{current_page}}页
    
    跳转

在,odoo的controllers中的逻辑

class CarBudgetReport(http.Controller):
    @http.route('/car/budget/report/', 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

html 分页js代码

之后便可以进行数据的简单分页

“Python odoo中嵌入html简单分页功能”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！