本篇內(nèi)容介紹了“Python odoo中嵌入html簡(jiǎn)單分頁(yè)功能”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)主營(yíng)陽(yáng)泉網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都app軟件開(kāi)發(fā),陽(yáng)泉h5微信小程序搭建,陽(yáng)泉網(wǎng)站營(yíng)銷(xiāo)推廣歡迎陽(yáng)泉等地區(qū)企業(yè)咨詢

在odoo中，通過(guò)iframe嵌入 html，頁(yè)面數(shù)據(jù)則通過(guò)controllers獲取，使用jinja2模板傳值渲染

html頁(yè)面分頁(yè)內(nèi)容，這里寫(xiě)了判斷邏輯

<!-- 分頁(yè) -->
<ul id="ty_paging">
    <li class="home" id="home"><a href="/car/budget/report/1"></a>首頁(yè)</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}}">＜</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}}">＞</a></li>
    {% endif %}
    <li class="max">共{{total_page}}頁(yè)</li>
    <li class="max">第{{current_page}}頁(yè)</li>
    <input type="number" min="1" value="1" class="inputPage" id="inputPage"/>
    <li class="jump" id="jump"><a id="add" href="javascript:void(0)" onclick="subNmbr()">跳轉(zhuǎn)</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文件：

/* 分頁(yè)功能的通用樣式 */
#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;
 
}

在后臺(tái)xml中需要將路由設(shè)置默認(rèn)為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 分頁(yè)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',
        });
    });
 
 
 
    // 點(diǎn)擊跳轉(zhuǎn)頁(yè)面需要用到方法
    function subNmbr() {
        // 先獲取到頁(yè)面上input輸入框中的值
        var subNmbr = document.getElementById('inputPage').value;
        // console.log(subNmbr);
        // 在獲取li的id,在點(diǎn)擊時(shí)做一個(gè)動(dòng)作
        document.getElementById("jump").onclick = function () {
            //根據(jù)a標(biāo)簽的id獲取鏈接,設(shè)置href屬性
            var aObj = document.getElementById("add");
            // 把要跳轉(zhuǎn)的頁(yè)面連接傳入href
            aObj.href = "/car/budget/report/" + subNmbr;
            //根據(jù)id獲取超鏈接,設(shè)置文字內(nèi)容
            aObj.innerText = "跳轉(zhuǎn)";
        };
    }
 
 
</script>

之后便可以進(jìn)行數(shù)據(jù)的簡(jiǎn)單分頁(yè)

“Python odoo中嵌入html簡(jiǎn)單分頁(yè)功能”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

本文名稱：Pythonodoo中嵌入html簡(jiǎn)單分頁(yè)功能
URL地址：http://www.chinadenli.net/article16/gidsdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷(xiāo)推廣、手機(jī)網(wǎng)站建設(shè)、虛擬主機(jī)、網(wǎng)站營(yíng)銷(xiāo)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)