EasyUI下拉框级联

EasyUI用来实现后台界面还是可以的,毕竟面对的是小众群体而非广大的用户,简单为美.这里想聊的功能是一种下拉框的联动,比如我选中了下拉框A的某一项,那么下拉框B的选项就是甲乙丙丁,如果我选了A的另一项,那么B的选项就是ABCD,甚至不是一个下拉框了,而是一个文本框.直接看图吧: 这里的评测类型有3个选项: 当评测类型为“内部评测”时,评测人名称为一个邮箱地址当评测类型为外部评测时,评测人名称也是一个下拉框,选项包括:A9评测.tina.丽娜等当评测类型为邮件营销时,评测人名称还是一个下拉框…

[转]html 下拉框级联

<html> <head> <title>html 下拉框级联</title> <meta charset="UTF-8"/> <style type="text/css"> * { margin: 0px; padding: 0px; } .change { width: 800px; border: 1px solid red; margin: 50px auto; text-align:…

layui select 下拉框级联动态赋值与获取选中值

//下拉框必须在 class="layui-form" 里不然监听事件没有作用 <div class="layui-form" > <div class="layui-inline"> <label class="layui-form-label">选择项目:</label> <div class="layui-input-inline"> &l…

Jquery+Ajax下拉框级联查询

…

Java easyui 下拉框默认选中第一个

html代码: <tr> <td> <div style="margin-bottom:5px">计价方式: <%--下拉框默认选中第一个--%> <input type="text" id="cvaluetypeID" class="easyui-combobox" name="name" data-options="valueField…

java 下拉框级联及相关（转）

ActionLintsner都实现此接口,其它监听器可以监听的事件都可以被它捕获 public interface ActionListener extends EventListenerThe listener interface for receiving action events. The class that is interested in processing an action event implements this interface, and the object cre…

MVC+knocKout.js 实现下拉框级联

数据库:部门表和员工表在控制器里面的操作: public ActionResult Index3() { ViewBag.departments = new SelectList(getDepartments(),"d_id","d_name");//部门数据 return View(); } private List<department> getDepartments() { List<department> list = db.dep…

ajax,下拉框级联

js代码: $(document).ready(function() { $("#type1").change(function(){ var type1Code=$("#type1").val(); $("#type2").empty(); if (type1Code!=0) { $.ajax({ type:'post', url:'getType2.action', data:'type1Code='+type1Code, dataType:…

easyui下拉框过滤优化

项目中有个需求:编辑combobox的输入域会自动检索匹配项,当没有任何匹配项时,将combobox重置为初始状态. 处理方式:重写输入域的blur事件,判断当前值是否为加载的数据集的子集,如果不是则重置. 脚本如下: $.fn.combobox.defaults.inputEvents.blur = function(e){ var target = e.data.target; var opts = $(target).combobox('options'); if (opts.revers…

在easyui中如何修改combobox的下拉框的高度为自适应高度

在easyui中,有时候easyui下拉框的高度比较高,如果我们的值比较少,而下拉框的高度很高的话看起来不好看,修改前效果如下所示: 要修改下拉框的高度和我们的值自适应的话,只要添加一个panelHeight:"auto'属性就解决了,可以在data-options里面添加,也可以在easyui的js文件里面添加. 修改后效果如下所示:…

基于Bootstrap的下拉框插件bootstrap-select

写在前面: 在这次的项目中,没有再使用liger-ui做为前端框架了,改为了Bootstrap,这次也好接触下新的技术,在学习的过程中发现,Bootstrap的一些组件基本都是采用class的形式,就是给一个它定义好的样式,就会给你展现出一个好看的组件出来,这个比liger-ui的界面做的要好,但是了解了Boostrap的基本语法后,发现在官方的文档中,并没有一些可以动态加载组件的demo,因为之前用的liger-ui,大多数组件都只需要写一行代码,就能很好的,并且很方便的直接与后台进行交互,并…

JQuery Easyui/TopJUI 创建多级联动下拉框（纯HTML实现！！！）

JQuery Easyui/TopJUI 创建多级联动下拉框(纯HTML实现!!!) 效果展示: 代码如下: <form data-toggle="topjui-form"> <div class="topjui-container"> <fieldset> <legend>调用本地数据</legend> </fieldset> <div class="topjui-row&qu…

struts-hibernate-ajax完成区县和街道级联下拉框功能(二补充使用json解析list结果集，ajax循环json层级处理)

针对<struts-hibernate-ajax完成区县和街道级联下拉框功能>进行补充,上一篇中,要在action中拼接JSON格式字符串,很容易手抖.直接用json处理一下转成json格式字符串即可.但之前也讲过,json对于hibernate级联关系的解析,不是很到位啊! 所以ajax那边就得层层循环剥离,找出想要的结果 action: 用的是 import com.alibaba.fastjson.JSON; 具体的jar包请自行百度!! public String getStreets…

下拉框数据的动态选择，类似级联ajax刷新数据

简单的两个下拉列表,第二个中的数据与第一个下拉框相关: --------------------var selected = $(this).children('option:selected').val();$.ajax({ url : "../region/getregionsbyparentid", type : 'GET', dataType : "json", data : { parentid:parentid }, async : true, erro…

easyui combotree下拉框多选赋值

发现jquery.easyui.min.js 1.3.4版本的用setValues给多选下拉框赋值不成功,只能用1.3.1版本的 Html代码: <input id="ProductLineId" name="ProductLineId" class="easyui-combotree" value="@(Model.ProductLineId == null ? Guid.Empty.ToString() : Model.Pro…

easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法

easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库"字段,并且在下拉的时候,"全部数据库"一直排在最顶部. 初始化效果如下:…

EXT学习之——Ext下拉框绑定以及级联写法

/*******步骤有四个,缺一不可*********/ function () {xxxxxx = Ext.extend(construct, {InitControl: function () { var _this = this; /*****************步骤一:建数据store ******************/ //一级下拉框数据(此处注意,一定要把store写在combobox控件定义的前面,否则无法加载数据) var moduleStore = new Ext.da…

jquery easyui无法绑定下拉框内容

最近在研究jquery easyui的DataGrid,发现DataGrid中的下拉框无法绑定值,找了很久也没发现是具体问题所在,最后还是同事帮忙搞定的.具体问题竟然是jquery easyui提供的demo中的jquery版本有问题,还有就是绑定的json数据源要添加Method: "get"属性,要不然在C#中会有问题. 具体代码如下: <link rel="stylesheet" type="text/css" href="…

easyui源码翻译1.32--Combo(自定义下拉框)

前言扩展自$.fn.validatebox.defaults.使用$.fn.combo.defaults重写默认值对象.下载该插件翻译源码自定义下拉框显示一个可编辑的文本框和下拉面板在html页面.这是构建其他复杂的组合部件(如:combobox,combotree,combogrid等)之前需要构建的最基本的组件依赖关系 validatebox panel 源码 /** * jQuery EasyUI 1.3.2 * *翻译:qq 1364386878 自定义下拉框 */ (functi…

easyui源码翻译1.32--ComboTree（树形下拉框）

前言扩展自$.fn.combo.defaults和$.fn.tree.defaults.使用$.fn.combotree.defaults重写默认值对象.下载该插件翻译源码树形下拉框结合选择控件和下拉树控件.它与combobox(下拉列表框)类似,但是将下拉列表框的列表替换成了树形控件.该控件支持树状态复选框,方便多选操作依赖关系 combo tree 源码 /** * jQuery EasyUI 1.3.2 * *翻译: qq 1364386878 下拉树 */ (function ($…

easyui源码翻译1.32--ComboGrid（数据表格下拉框）

前言扩展自$.fn.combo.defaults和$.fn.datagrid.defaults.使用$.fn.combogrid.defaults重写默认值对象.下载该插件翻译源码数据表格下拉框结合了可编辑文本框控件和下拉数据表格面板控件,该控件允许用户快速查找和选择,并且该控件提供了键盘导航支持,对行进行筛选源码 /** * jQuery EasyUI 1.3.2 * *翻译:qq 1364386878 下拉表格 */ (function ($) { function create(jq…

jQuery无限级联下拉框插件

自己编写jQuery插件之无限级联下拉框因为是级联,所以数据必须是树型结构的,我这里的测试数据如下: 看下效果图: 1.>图一: 2.>图二: 3.>图三: 由图可知,下拉框的个数并不是写死的,而是动态加载的.每当下拉框选择改变的时候,会发送一次ajax请求,请求成功返回json格式数据,当返回的数据不为空时(即有子节点时),则会向页面中添加一个下拉框,没有则不添加. 插件的实现代码如下: (function ($) { $.fn.CascadingSelect = funct…

实现在easyui中的datagrid，点击某一列的列头弹出combobox下拉框

easyUI datagrid在列头加下拉框,实现对列内容的筛选. 代码: onLoadSuccess: function (data) {//Fires when data is loaded successfully. typeFilt();//表头类型下拉框 $('#pp').pagination('refresh', { total: data.total, pageNumber: data.page }); toopTip(".downloadPic","下载&q…

地址下拉框，需要js级联js

function area() { _url = "/ashx/DropDownControl.ashx"; _swType = "GetArea"; _z = ["#province", "#city", "#conty"]; _zo = ["#province > option[value!=-1]", "#city > option[value!=-1]&qu…

Bootstrap3级联多选下拉框

<!DOCTYPE html> <html> <head> <title>Bootstrap3级联多选下拉框</title> <meta charset="utf-8"> <link rel="stylesheet" href="F:/webClient/bootstrap-3.3.7-dist/css/bootstrap.min.css"> <link r…

EXCEL（1）级联下拉框

EXCEL级联下拉框 http://jingyan.baidu.com/article/3c343ff756e0cf0d377963f9.html 在输入一些多级项目时,如果输入前一级内容后,能够自动出现次一级内容,就会减少出错的机会并提高工作效率. 例如我们常用的费用科目有“管理费用”.“经营费用”.“财务费用”,这些属于一级科目,在它们的下面还有二级科目,比如“财务费用”的二级科目就包括“利息支出”.“手续费”等. 如果我们先输入“财务费用”后,希望有一个下拉框能列出只属于它的二级内容以供选…