QTableView标题菜单位置

时间:2018-03-22 14:21:40

标签: python menu pyqt pyqt5 qtableview

我在Python3下使用PyQt5开发GUI。我试图将菜单添加到相当宽的QTableView的列标题中(宽于我的屏幕=>这很好!)。

我的代码根据需要为初始列定位这些菜单及其各自的列标题。但是,当我使用QTableView小部件底部的滚动条向侧面滚动时,菜单的位置关闭(基本上,Qt将每个菜单放置在相应列不滚动的位置)。

如何让菜单位置知道侧滚动,所以菜单会显示在所有列的正确位置?

这是一个有用的迷你示例(相关部分是on_header_sectionClicked方法)。

#!/usr/bin/python3
from PyQt5 import QtSql
from PyQt5.QtWidgets import (QMainWindow, QTableView, QApplication, 
                             QAbstractItemView, QHeaderView, QMenu,
                             QAction)
from PyQt5.QtCore import QPoint
import sys

class Example(QMainWindow):
    def __init__(self):
        super().__init__()
        self.resize(300, 150)

        self.createConnection()
        self.fillTable()
        self.createModel()
        self.initUI()

    def createConnection(self):
        self.db = QtSql.QSqlDatabase.addDatabase("QSQLITE")
        self.db.setDatabaseName("test.db")
        if not self.db.open():
            print("Cannot establish a database connection")
            return False

    def fillTable(self):
        self.db.transaction()
        q = QtSql.QSqlQuery()
        q.exec_("DROP TABLE IF EXISTS Cars;")
        q.exec_("""CREATE TABLE Cars (Company TEXT, Model TEXT, Year_bought INT, Month_bought INT, Day_bought INT, 
        Owner_surname Text, Owner_firstname, Color TEXT)""") 
        q.exec_("INSERT INTO Cars VALUES ('Honda', 'Civic', 2009, 2, 12,'Meyers', 'Peter', 'sunflower-yellow')") 
        q.exec_("INSERT INTO Cars VALUES ('Volkswagen', 'Beetle Cabriolet', 2013, 10, 30, 'Heffernon', 'Jeremiah', 'skyblue')")
        self.db.commit()

    def createModel(self):
        self.model = QtSql.QSqlQueryModel()
        q = QtSql.QSqlQuery()
        query = "select * from cars"
        q.exec_(query)
        self.model.setQuery(q)

    def initUI(self):
        self.view = QTableView()
        self.view.setModel(self.model)
        self.header = self.view.horizontalHeader()
        self.header.setSectionResizeMode(QHeaderView.ResizeToContents)
        self.header.sectionClicked.connect(self.on_header_sectionClicked)
        mode = QAbstractItemView.SingleSelection
        self.view.setSelectionMode(mode)
        self.setCentralWidget(self.view) 

    def on_header_sectionClicked(self, index):
        self.col_index = index
        menu = QMenu(self)
        action1 = QAction("Filter me", self)
        action1.triggered.connect(self.on_menu_clicked)  
        menu.addAction(action1)

        #FIXME: position the menu correctly
        headerPos = self.view.mapToGlobal(self.header.pos())        
        posY = headerPos.y() + self.header.height()
        posX = headerPos.x() + self.header.sectionPosition(self.col_index)
        menu.exec_(QPoint(posX, posY))

    def on_menu_clicked(self):
        print("Filtering column {}!".format(self.col_index))

    def closeEvent(self, e):
        if (self.db.open()):
            self.db.close()


def main():
    app = QApplication([])
    ex = Example()
    ex.show()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

修改

澄清一下:由于菜单实际上是过滤菜单,我宁愿不使用光标定位它们,而是将菜单位置固定在列上,以提供"下拉" -like接口就像在原始代码中一样。

1 个答案:

答案 0 :(得分:1)

如果使用sectionViewportPosition,您的示例将正常运行:

import React from 'react'
import { render } from 'react-dom'
import { hello, goodbye } from './lib'

render(
    <div>
       { hello }
        { goodbye }
    </div>,
     document.getElementById('react-container')
     )