PyQt5--基础篇：用eric6工具实现三级联动效果

今天给大家介绍下python gui界面的三级联动效果，我们用工具eric6来实现，先看下效果图。

首先我们先创建项目linkage，再新建窗体进入到Qt设计师工具开始设计界面，完成后保存并退出。

在eric6工具中编译窗体，再选择生成对话框代码，我们在复选框的函数中勾选on_province_activated(int)这个函数，确认后生成两个新的py文件，我们通常在ui_linkage.py文件中处理界面编辑优化，在linkage.py文件中处理事件机制（槽），我们三级联动效果主要在linkage.py中完成功能代码。

 # -*- coding: utf-8 -*-

 """

 Module implementing Linkage.

 """

 from PyQt5.QtCore import pyqtSlot

 from PyQt5.QtWidgets import QDialog, QApplication

 import json

 from Ui_linkage import Ui_Linkage

 class Linkage(QDialog, Ui_Linkage):

     """

     Class documentation goes here.

     """

     def __init__(self, parent=None):

         """

         Constructor

         @param parent reference to the parent widget

         @type QWidget

         """

         super(Linkage, self).__init__(parent)

         self.setupUi(self)

         #初始化操作委托到initUI()

         self.initUI()

     def initUI(self):

         with open('data.json', 'r', encoding='utf-8') as f:

             self.data=json.load(f)

         #初始化三级联动下拉框的数据

         self.choosep=''

         self.choosec=''

         self.choosea=''

         self.label_result.setText('选择结果：（未选择）')

         #清理当前下拉框的内容

         self.province.clear()

         self.city.clear()

         self.area.clear()

         #初始化下拉框的展示内容

         self.province.addItem('-请选择-')

         for s in self.data:

             print(s['name'])

             self.province.addItem(s['name'])

     @pyqtSlot(int)

     def on_province_activated(self, index):

         """

         Slot documentation goes here.

         @param index DESCRIPTION

         @type int

         """

         #因为我们在初始化的时候添加了请选择，所以需要做判断看当前是否点击它了

         if index==0:

             #点击请选择按钮后，我们需要对省、市、区进行三级联动数据清理

             self.choosep=''

             self.choosec=''

             self.choosea=''

             #需要清理后面市、区的内容

             self.city.clear()

             self.area.clear()

             return

         #获取当前选择的省份数据(因为index=0的时候是请选择所以需要-1)

         self.choosep=self.data[index-1]

         #清理市、区下拉框内容

         self.city.clear()

         self.area.clear()

         #当前所选省得市级下拉框内容添加

         self.city.addItem('-请选择-')

         for s in self.choosep['city']:

             self.city.addItem(s['name'])

     @pyqtSlot(int)

     def on_city_activated(self, index):

         """

         Slot documentation goes here.

         @param index DESCRIPTION

         @type int

         """

         if index==0:

             #初始化市、区数据

             self.choosec=''

             self.choosea=''

             #清理区的下拉框内容

             self.area.clear()

             return

         #获取当前所选市的数据

         self.choosec=self.choosep['city'][index-1]

         #清理区的下拉框内容

         self.area.clear()

         #当前所选市的区下拉框内容添加

         self.area.addItem('-请选择-')

         for s in self.choosec['area']:

             self.area.addItem(s)

     @pyqtSlot(int)

     def on_area_activated(self, index):

         """

         Slot documentation goes here.

         @param index DESCRIPTION

         @type int

         """

         if index==0:

             #初始化区数据

             self.choosea=''

             return

         #获取当前所选区数据

         self.choosea=self.choosec['area'][index-1]

     @pyqtSlot()

     def on_sure_clicked(self):

         str_result='选择结果：（未选择）'

         if self.choosep:

             str_result=self.choosep['name']

         if self.choosec:

             str_result=str_result+'-'+self.choosec['name']

         if self.choosea:

             str_result=str_result+'-'+self.choosea

         self.label_result.setText(str_result)

     @pyqtSlot()

     def on_cancel_clicked(self):

         #返回初始状态

         self.initUI()

 if __name__=='__main__':

     import sys

     app=QApplication(sys.argv)

     linkage=Linkage()

     linkage.show()

     sys.exit(app.exec_())

巴特西

PyQt5--基础篇：用eric6工具实现三级联动效果

最新文章

热门文章