最近做的项目使用Extjs.遇到表单联动的业务.下面来说说主要实现思想: 说明:表单联动一般存在从属关系,有大范围的对象和大范围中的小对象.比如地理位置的选定(例:浙江省-杭州市-某某县).在这里,我将大范围的对象称为包含对象,大范围中的小对象称为被包含对象. 表单联动针对ComboBox(组合框).在实现时,将包含对象传入被包含对象中,在后台查询被包含对象时,使用传入的包含对象的某个值(一般为被包含对象的外键)作为condition,查询与其相关的被包含对象.实现指定的被包含对象查询. 还有一…
queryMode : 'local' 如果下拉框的值是本地数据,最好设定queryMode为local,这样可以提高用户的响应速度…
Django---ORM的常用字段和自定义字段,DjangoORM字段与数据库类型对应,字段参数和Meta的参数,Django的admin操作,13中orm操作方法,单标的双下方法 一丶ORM常用字段和自定义字段 常用字段 AutoField # 主键 自增的整形字段,必填参数primary_key=True,则成为数据库的主键.无该字段时,django自动创建. 一个model不能有两个AutoField字段. CharField # 字符串 字符类型,必须提供max_length参数.max…
因工作需要,做了一个下拉单的二级联动. 第一级是固定的选项,有A.B两个选项,第二级的选项随着第一级选项的变化而变化. 一开始是这样的: HTML代码 <html> <head> <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /> <title>二级联动</title> </head>…
前言 Ext js 创建一个多选下拉单的方式很简单, 使用Ext.form.ComboBox, 设置 multiSelect 为true 就可以了. 但是如果要在每个下拉之前加上一个checkbox, 如何实现呢? ComboBox本身没有这样的配置, 有一个 “Ext.ux.form.MultiSelect” 这样一个扩展, 效果的话,是把选项全部显示出来. 没办法只能自己扩展一个这样的组件了. 界面实现 要实现这样的显示,可以使用ComboBox 的listConfig 这个配置. 可以配置…
JavaScript 多级联动浮动(下拉)菜单 (第二版)   上一个版本(第一版请看这里)基本实现了多级联动和浮动菜单的功能,但效果不是太好,使用麻烦还有些bug,实用性不高.这次除了修改已发现的问题外,还对程序做了大幅调整和改进,使程序实用性更高,功能更强大. 效果预览 // index && this._hideContainer(o); } ); //重置当前容器_active container._active = null; //如果有子级菜单 if ( child ) { /…
首先实现下拉参数联动 1.参数的定义→添加控件绑定数据→参数过滤和参数面板样式 下拉复选框控件注意事项:select * from tablewhere 1=1${if(len(控件名称)=0,"","and 字段名称 in ('"+控件名称+"')")} 2.为订单编号添加过滤条件和条件属性 为货主省份添加条件属性 编辑控件 进行控件属性→控件值:字符串,数据字典选择对应字段,返回值类型也必须为字符串,分隔符用',' 预览: 下拉参数联级就实现…
jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务器. 在本教程中,我们将要创建一个注册表单,带有 name.address.city 字段.city 字段是一个树形下拉框(ComboTree)字段,在里面用户可以下拉树面板(tree panel),并选择一个特定的城市. 创建表单(Form) title="Register" butto…
在使用Jenkins集成时,经常需要配置一些环境信息,由于测试.线上.预发布需要切换环境和域名,需要在Jenkins中配置下拉菜单联动效果. 首先选择参数化构建过程,然后首先配置环境,环境分为:测试环境.预发布环境.正式环境,选择的组件为Choice Parameter,Name定义为environment,选项为test.pre.online,如下图 接着为三个环境配置联动的域名以一个域名为例,首先添加Active Choices Reacitive Parameter组件,名称定义为域名(需…
在vue中如何简单的实现页面的上拉加载和下拉刷新,在这里我推荐使用vue-scrolle插件. vue-scrolle的基本使用方法: 1.下载 npm i vue-scroller -D 2.导包 import Vue from 'vue' import VueScroller from 'vue-scroller' Vue.use(VueScroller) 3.项目使用 <scroller :on-infinite="infinite" :on-refresh="r…