下拉框

功能表单字段之下拉框、单选框、多选框、树形选择数据类型的配置详解 JEPLUS平台的表单支持有多种不同的数据类型，这些不同的数据类型在展示不同类型的数据时能有很好的效果，今天这篇笔记就讲解一下下拉框、单选框、复选框、树形选择这四种数据类型的配置详解以及效果展示。 一、下拉框 打开表单数据录入界面，打开具体的目标字段的配置信息 第二种打开目标字段的配置信息方法是打开功能配置选项----》打开表单配置----》双击目标字段，即可打开 打开字段的表单配置信息界面，选择数据类型是“下拉框” 选择数据类型为“下拉框”之后就是配置下拉框的字典配置信息 点击“选择字典”之后进行字典配置信息的选择 配置完成之后的下拉框的展示效果如下图： 二、单选框 打开目标字段的配置信息（具体怎么打开在上面有详细讲解），选择目标字段的数据类型为“单选框” 选择目标字段的数据类型为“单选框”之后就是配置单选框的字典类型 界面如图 选择之后点击“保存”，效果如下图 三、复选框 打开目标字段的配置信息（具体怎么打开在上面有详细讲解），选择目标字段的数据类型为“复选框” 选择目标字段的数据类型为“复选框”之后就是配置复选框的数据字典信息 之后就是选择你需要的数据字典 效果如下图 四、树形选择 打开目标字段的配置信息（具体怎么打开在上面有详细讲解），选择目标字段的数据类型为“树形选择” 选择目标字段的数据类型为“树形选择

1 using PropertyGridHelpers.Controls; 2 using System; 3 using System.Collections.Generic; 4 using System.ComponentModel; 5 using System.Drawing.Design; 6 using System.Windows.Forms; 7 using System.Windows.Forms.Design; 8 9 namespace PropertyGridHelpers.UIEditors 10 { 11 12 public class FlagEnumUIEditor : UITypeEditor 13 { 14 private CheckedListBoxEx check; 15 16 public FlagEnumUIEditor() 17 { 18 check = new CheckedListBoxEx(); 19 check.BorderStyle = BorderStyle.None; 20 } 21 22 public override object EditValue(ITypeDescriptorContext context, IServiceProvider provider, object value) 23 { 24 if

开发工具和关键技术：Visual Studio 2015，ASP.NET MVC 作者 撰写时间：2019年3月9日 这一期来说下连接数据库的下拉框绑定，话不多说，直接看代码吧。 1、 首先要打开我们的项目，连接数据库，再开始写代码 连接数据库，步骤如下 ： 找到项目项目的解决方案资源管理器，找到Models，右键选择 添加，点击新建项，如下图所示： 然后弹出下图所示，选择数据， 再选择ADO.NET 实体数据模型，然后点击添加 再入下图所示，选择 来自数据库的EF设计器，然后点击下一步 先选择 是，再点击新建链接 输入你数据库的服务器名，选择 使用SQL Server身份验证，再选择要连接的数据库 完成上面后，再点击一下测试连接，弹出连接成功后，点击确定 又回到前面，还是选择 是，再点击下一步 ，就出现下图所示，选择表，直接就点完成。 到这里数据库就和我们的项目连接上了 下面开始写代码: 首先创建一个Controllers（控制器），然后添加一个View（视图）; 写HTML的代码，如下图所示，一个下拉框就有了 然后来到控制器，写一个单表查询的方法，如下图所示： 写完查询方法后，再回到视图，调用控制器的查询方法，这里用了post异步请求，如下图所示： 注：我们需要页面加载的时候就请求数据，所以写在页面加载事件中。这里用到了JQuery的写法，就需要先引入插件 “jquery-3

bootstrap4c-chosen是一款Bootstrap4下拉框功能强化插件。该插件在原生bootstrap4下拉框的基础上，新增了搜索、选项分组、多选等功能，非常实用。 可以通过npm来安装bootstrap4c-chosen插件。 npm install bootstrap4c-chosen 在页面中引入bootstrap4相关文件，component-chosen.min.css文件以及jquery和chosen.jquery.js文件。 < link rel = "stylesheet" href = "path/to/bootstrap.min.css" > < link rel = "stylesheet" href = "path/to/component-chosen.min.css" > < script src = "js/jquery.min.js" ></ script > < script src = "js/bootstrap.min.js" ></ script > < script src = "js/chosen.jquery.js" ></ script > bootstrap4c-chosen下拉框功能强化插件有以下五种增强功能。 1、single（单选） < select id = "single" class = "form

今天给大家介绍下python gui界面的三级联动效果，我们用工具eric6来实现，先看下效果图。 首先我们先创建项目linkage，再新建窗体进入到Qt设计师工具开始设计界面，完成后保存并退出。 在eric6工具中编译窗体，再选择生成对话框代码，我们在复选框的函数中勾选on_province_activated(int)这个函数，确认后生成 两个新的py文件，我们通常在ui_linkage.py文件中处理界面编辑优化，在linkage.py文件中处理事件机制（槽），我们三级联动效果主要在linkage.py中完成功能代码。 1 # -*- coding: utf-8 -*- 2 3 """ 4 Module implementing Linkage. 5 """ 6 7 from PyQt5.QtCore import pyqtSlot 8 from PyQt5.QtWidgets import QDialog, QApplication 9 import json 10 11 from Ui_linkage import Ui_Linkage 12 13 14 class Linkage(QDialog, Ui_Linkage): 15 """ 16 Class documentation goes here. 17 """ 18 def __init__(self,

场景 DevExpress的下拉框控件ComboBoxEdit控件的使用： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/102855898 在设置ComboBoxEdit的下拉框内容时除了最简单的 comboBox.Properties.Items.Add("下拉选项1"); 如果要添加键值对形式的数据该怎样实现。 注： 博客主页： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 即在Add选项时添加的不是普通的字符串，而是一个对象实体类，里面有 键值对两个属性，在添加选项时是添加一个个的对象。 为了在显示时显示对象的value，需呀重写对象的toString方法，使其 返回value。 新建实体类对象，必须要重写其toString方法。 public class ControlModelItem { public ControlModelItem(string key,string value) { this.key = key; this.value = value; } private string key; public string Key { get { return key; } set

1 (function(){ 2 $.parser.plugins.push("yearbox");//注册扩展组件 3 $.fn.yearbox = function (options, param) {//定义扩展组件 4 //当options为字符串时，说明执行的是该插件的方法。 5 if (typeof options == "string") { 6 return $.fn.combogrid.apply(this, arguments); 7 } 8 options = options || {}; 9 var currentYear = new Date().getFullYear(); 10 11 //当该组件在一个页面出现多次时，this是一个集合，故需要通过each遍历。 12 return this.each(function () { 13 var jq = $(this); 14 15 //$.fn.combogrid.parseOptions(this)作用是获取页面中的data-options中的配置 16 var opts = $.extend({ 17 minYear: 1900, // 最小年份 18 maxYear: 2099, // 最大年份 19 initYear: currentYear, // 初始年 20 initCount: 10,

HTML <!DOCTYPE html> <html> <head> <title> 联动 </title> <script type = "text/javascript" src = "jquery-3.3.1.js" ></script> <script type = "text/javascript" src = "liandong.js" ></script> </head> <body> <div> 省 : <select id = "sheng" > <option value = "" ></option> <option value = "HN" > 湖南省 </option> <option value = "GD" > 广东省 </option> <option value = "SC" > 四川省 </option> </select> </div> <div> 市 : <select id = "shi" > </select> </div> <div> 区/县 : <select id = "xian" > </select> </div> </body> </html> JS 代码 $ ( function (){ var regions =[ { name : 'HN' , nameCN : '湖南省' , sub :[ { name : 'yzs'

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Bootstrap3级联多选下拉框</title> 5 <meta charset="utf-8"> 6 <link rel="stylesheet" href="F:/webClient/bootstrap-3.3.7-dist/css/bootstrap.min.css"> 7 <link rel="stylesheet" href="./bootstrap-select.css"> 8 <style> 9 body { 10 padding-top: 70px; 11 } 12 </style> 13 </head> 14 <body> 15 <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 16 <div class="container"> 17 <div class="navbar-header"> 18 <a class="navbar-brand" href="#">Bootstrap-select usability tests</a> 19 </div> 20 </div> 21 </nav> 22 <div class="container"> 23 <select id=

注意：只列举核心部分代码 前台模板： <div class="col-sm-4"> 　　<select data-placeholder="选择基础表." class="form-control" name="project_id" id="db_table" required="required"> 　　// 这里放置回调函数渲染的内容 　　</select> </div> 对应js: <script> $("#db_link").change(function() { var options=$("#db_link option:selected"); //获取选中的项 var db_link_id = options.val(); //获取选中的值 {#alert("ok");#} alert(db_link_id); // 选择id=db_link的元素时触发该ajax请求，调用/comparison/get_table接口 $.ajax({ url: '/comparison/get_table', data: {"db_link_id": db_link_id}, type: 'GET', dataType: 'json', success: function (data) { var content=''; {#alert(123456);#} $.each(data