技术汇总:第四章:使用Easyui做三级下拉列表

简介: 技术汇总:第四章:使用Easyui做三级下拉列表

功能展示:

Easyui

功能代码:

一级分类<select data-options="url:'getCatalog1',textField:'name',valueField:'id',
    onSelect: function(rec){
        var url = 'getCatalog2?catalog1Id='+rec.id;
        $('#ctg2ForAttrList').combobox('clear');
        $('#ctg2ForAttrList').combobox('reload', url);
    }
" class="easyui-combobox" style="width: 100px"></select>
二级分类<select data-options="textField:'name',valueField:'id',
    onSelect: function(rec){
        var url = 'getCatalog3?catalog2Id='+rec.id;
        $('#ctg3ForAttrList').combobox('clear');
        $('#ctg3ForAttrList').combobox('reload', url);
    }
" id="ctg2ForAttrList" class="easyui-combobox" style="width: 100px"></select>
三级分类<select data-options="textField:'name',valueField:'id'" id="ctg3ForAttrList" class="easyui-combobox" style="width: 100px"></select>
<a href="javascript:reloadAttrList();" class="easyui-linkbutton"
 data-options="iconCls:'icon-add',plain:true">刷新属性</a>
相关文章
|
7月前
easyui-combobox 下拉列表排序
easyui-combobox 下拉列表排序
109 0
|
JSON 数据格式 开发者
EasyUI–下拉列表datalist详解
本篇主要介绍下拉列表控件的数据绑定和下拉列表选中项的获取。
1038 0
EasyUI–下拉列表datalist详解
|
JavaScript
easyui combobox下拉列表的多选值
html; 1 12 获取已选项集合值 js: 1 $("#btnGet").click(function () { 2 alert( $('#cc').combobox('getValues')); 3 }); 效果:   设置value值;value="12,13" 打开的时候会自动的选中。
1573 0
|
JSON Java 关系型数据库
【JAVA秒会技术之玩转高效分页】EasyUI + PageHelper实现分页
 EasyUI + PageHelper实现分页 一、EasyUI页面分页 页面逻辑:页面初始化时,通过jquery easyui的DataGrid(数据表格)的url属性异步加载,返回指定的json格式数据,在通过pagination属性,展示分页工具栏。   表现层分析: 请求URL:/XXX/list 请求参数:Integer page、Integer rows(ea
2565 0