combobox后台查询,前端下拉显示

/**
     * 获得数据库数据
     * */
    @Action(value="sysList_data_list")
    public void getSysListDataList(){
        List<Map<String,String>> list  = new ArrayList<Map<String,String>>();
        String hql = " from SysList a where 1=1 ";
        List<SysList> codeList = sysListService.findAll(hql);
        for(SysList sysCode : codeList){
            //对数据进行重新编码
            Map<String,String> map = new HashMap<String,String>();
            map.put("Code",String.valueOf(sysCode.getSysId()));//code
            map.put("Name",sysCode.getSysName());
            list.add(map);
        }
        writeJson(list);
    }
    //下拉
    function initSysIdName(){
        var $sysIdName=$("#sysIdName");
        $sysIdName.ComboBox({
            url: basePath + ‘sysList/sysList_data_list.action?sysId=‘+sysId,
            param: { categoryCode: "FBLM_NAME" },
            id: "Code",
            text: "Name",
            height: "100px",
            description: "==请选择=="
        });
        $sysIdName.bind("change", function () {
            var value = $(this).attr(‘data-value‘);
            $("#sysId").val(value);
        });
    }
       <th class="formTitle">所属系统:</th>
	<td class="formValue">
	    <input id="sysId" type="hidden" name="sysFunction.sysId"  />
	    <div id="sysIdName" type="select"  name="sysIdName" class="ui-select " isvalid="yes" checkexpession="NotNull">
	    <ul>
            </ul>
            </div>
        </td>

  

时间: 2024-10-09 15:45:47

combobox后台查询,前端下拉显示的相关文章

java简单的实现搜索框的下拉显示相关搜索功能

最近做了一个简单的搜索框下面下拉显示相关搜索的功能,有点模仿百度的下拉展示相关搜索 先上个展示图 : 点击进入演示地址,大家可以输入长点的搜索,点击搜索,再输入之前搜索词的前面部分,看是否能展示出来 搜索框相关搜索的展示很简单,就是根据你的搜索词,去数据库中匹配,是否有类似的搜索词存在,按照搜索词被搜索的次数进行排序显示出来 我设计的是每次搜索一个词,提交之后都会去数据库进行查询,看是否存在这个搜索词的搜索,若存在,则对数据库中的这个搜索词对象进行次数加1,不存在,则创建这个新搜索词对象,保存在

DataGridView单元格内容自动匹配下拉显示

页面显示数据使用的控件是ComponentFactory.Krypton.Toolkit中的KryptonDataGridView控件.在指定“商品”单元格中需要根据用户输入内容自动匹配数据库中商品信息,并且单元格处于编辑模式时显示一个查询图标的按钮,点击该按钮也将显示数据库中所有商品信息. KryptonDataGridView显示控件此处命名为kDGVIndentDetail; 用于下拉显示匹配内容的DataGridView命名为dgv; 1.建立一个DataGridView类型的页面变量用

input输入框下拉显示tree树

这次做项目还用到了另一个tree树的插件,就是input输入框下拉tree树 我这只是简单的下拉显示tree树,没有tree树的添加.编辑.删除.移动等操作 先看图片 zTree官方API文档 http://www.treejs.cn/v3/api.php 上代码 引入的js <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script> <link href=

UIScrollView UITableView 上拉隐藏导航栏和tabbar 下拉显示导航栏和tabbar

//UIScrollView  UITableView 上拉隐藏导航栏和tabbar 下拉显示导航栏和tabbar-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{ CGPoint translation = [scrollView.panGestureRecognizer translationInView:scrollView.superview];    if

C# ComboBox 下拉显示层次(树)

数据库中很多时候用到树形结构,在界面上显示时如果是下拉框一次性显示时需要树结构来体现,看个效果图先: 主要是用算法补空格,补符号,源码如下: using System;using System.Collections;using System.Collections.Generic;using System.Linq;using System.Windows.Forms; namespace WindowsFormsApplication1 { public partial class Form

js禁止微信浏览器下拉显示黑底查看网址,不影响内部Scroll

开发项目跑在微信浏览器经常会遇到一个问题,微信浏览器下拉的时候会出现自带的黑色底色(显示网址)如下图: 网上好多js禁止操作的做法禁止了内部Scroll,导致页面不能滚动,上拉加载失效,例如这种做法: $('body').on('touchmove', function (event) {event.preventDefault();}); or document.addEventListener('touchmove', function(e){e.preventDefault()}, fal

JQuery 简单的文字超出部分隐藏下拉显示

HTML代码: <body> <div class="txt_bos"><!--在每一个放置文字的class外面包一个div,以便设置动画样式用,同样用class--> <div class="txt1"><!--为了保证功能的通用性,这里全用class--> 石村,位于苍莽山脉中,四周高峰大壑,茫茫群山巍峨. 清晨,朝霞灿灿,仿若碎金一般洒落,沐浴在人身上暖洋洋. 一群孩子,从四五岁到十几岁不等,能有数十

Easyui Datagrid 的Combobox 如何动态修改下拉选项,以及值的转换

我是先将下拉选项的值通过datagrid的url查出来了,在每一行的row中 //项目结果选项卡的列表 $('#project_table').datagrid({ width : '100%', height: '378', url : 'getSeparationProjectInf', //title : '待分发条码列表', striped : true, nowrap : true, rownumbers : true, singleSelect : false, showHeader

完整版文本框即时输入数据监听并下拉显示匹配数据

1.前言 好多小童鞋,对以jq为主的前端并不是特别熟悉,但并不代表你是菜鸟,说不定你是其他方面的资深老司机,好吧,我才是菜鸟,今天主要写一个完整的demo来看看怎样文本框+下拉框即时匹配数据. 2.详情 还是那句话,不说太多废话,直接代码来.如果你是新手,可以直接copy成.html格式的文件,本地预览看到效果,如果看不到效果,那说明什么呢? <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">