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工具实现三级联动效果的更多相关文章
- js之省市区(县)三级联动效果
省市区(县)三级联动效果,是我们软件开发比较常用的,特别是对一些crm,erp之类,当然也包括其他的后台管理系统,基本都涉及到,今天贴出这个常用的,方便个人复用和大家使用 <!DOCTYPE h ...
- Ajax来实现下拉框省市区三级联动效果(服务端基于express)
//服务端JS代码: //提供服务端的处理 const express = require('express'); const fs = require('fs'); const app = expr ...
- 用Vue2仿京东省市区三级联动效果
三级联动,随着越来越多的审美,出现了很多种,好多公司都仿着淘宝的三级联动 ,好看时尚,so我们公司也一样……为了贴代码方便,我把写在data里面省市区的json独立了出来,下载贴进去即可用,链接如下 ...
- Vue如何使用vue-area-linkage实现地址三级联动效果
很多时候我们需要使用地址三级联动,即省市区三级联动.网上有很多插件,在此介绍Vue的一款地区联动插件:vue-area-linkage,下面介绍如何使用这个插件实现地址联动效果: 1. ...
- jQuery三级联动效果代码(省、市、区)
很长时间都不用jquery了,有人问我jquery写三级联动的插件我就写好了发出来吧,正好需要的人都可以看看. 一.html代码 <!DOCTYPE html> <html> ...
- 图学java基础篇之集合工具
两个工具类 java.utils下又两个集合相关_(准确来说其中一个是数组的)_的工具类:Arrays和Collections,其中提供了很多针对集合的操作,其中涵盖了一下几个方面: 拷贝.填充.反转 ...
- 【Android开发日记】之基础篇(二)——Android的动画效果
什么是动画,动画的本质是通过连续不断地显示若干图像来产生“动”起来的效果.比如说一个移动的动画,就是在一定的时间段内,以恰当的速率(起码要12帧/秒以上,才会让人产生动起来的错觉)每隔若干 ...
- ionic+AnjularJs实现省市县三级联动效果
建议对ionic和AnjularJs有一定了解的人可以用到,很多时候我们要用到选择省份.城市.区县的功能,现在就跟着我来实现这个功能吧,用很少的代码(我这里是根据客户的要求,只显示想要显示的部分省份和 ...
- 基于jQuery+JSON的省市县 二级 三级 联动效果
省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最为常见.开发者一般使用Ajax实现无刷新下拉联动.本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉 ...
随机推荐
- cesium Animation显示系统时间
var d = new Date(); var hour = 0 - d.getTimezoneOffset(); viewer.animation.viewModel.timeFormatter = ...
- kubernete的证书总结
服务端保留公钥和私钥,客户端使用root CA认证服务端的公钥. kubernetes的证书类型主要分为3类: serving CA: 用于签署serving证书,该证书用于加密https通信.用于签 ...
- 怎样把Linux的私钥文件id_rsa转换成putty的ppk格式
在Linux VPS下产生的私钥文件putty是不认识的,putty只认识自己的ppk格式,要在这两种格式之间转换,需要PuTTYgen这个程序. puttygen是putty的配套程序,putty的 ...
- Nginx 开启gzip 压缩,实现基于域名的虚拟主机。
一:gzip(GNU-ZIP)是一种压缩技术. 经过gzip压缩后页面大小可以变为原来的30%甚至更小,这样,用户浏览页面的时候速度会块得多. gzip 的压缩页面需要浏览器和服务器双方都支持,实际上 ...
- JWT 简介
JWT是一种用于双方之间传递安全信息的简洁的.URL安全的表述性声明规范.JWT作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以Json对象的形式安全的传递信息 ...
- Spring MVC的handlermapping之BeanNameUrlHandlerMapping初始化
先介绍一下: BeanNameUrlHandlerMapping是基于配置文件的方式; 所有处理器需要在XML文件中,以Bean的形式配置. 缺点:配置繁琐; 如果多个URL对应同一个处理器,那么需要 ...
- touch事件过程
local function onTouchBegan(touch, event) local point = touch:getLocation() --获取touch位置, 基于openGL坐标 ...
- CSS3 box-shadow 属性
定义和用法box-shadow 属性向框添加一个或多个阴影. 默认值: none继承性: no版本: CSS3JavaScript 语法: object.style.boxShadow="1 ...
- Spring-MongoDB 关键类的源码分析
本文分析的是 spring-data-mongodb-1.9.2.RELEASE.jar 和 mongodb-driver-core-3.2.2.jar. 一.UML Class Diagram 核心 ...
- 想不到的:js中加号操作符
研究js加号操作符的时候,无意中试验了一个 console.log({} + "str");//NaN 发现结果居然是NaN,这让我百思不得其解. 我查阅资料,js高级编程里是这样 ...