`

Easy-UI combotree多选

 
阅读更多
页面:
获得多选值的方法是
$('#cc').combotree('getValues');

multiple="false"选项表示可以多选
<td><span id="xx" class="xxx-i18n">xxx:</span></td>
<td><input id="cc" class="easyui-combotree" multiple="false" style="width: 190px;"  panelHeight="100px"></td>


//加载input标签的下拉框
$('#cc').combotree({
url: 'xxxx.do?method=selectAll&nodeid='+ids,		
 onChange:function(node){
   clientid = $('#cc').combotree('getValues');
$.getJSON('xx.do',								                               {'xx':xx},
function(item){
   if (item.success=='ok') {
       //如果不存在
    } else {			
//判断是否要替换所选的值
$.messager.confirm("提示",item.success+",是否替换?\n\t",function(r){
 if (r){
    //点击是替换
}else{
   //点击否
$("#cc").combotree('setValue',[""]);											}																	});
}										
})
}
							                            
});


后台代码

    @RequestMapping(params = "method=xxx")
    @ResponseBody
    public Object xxx(String nodeid)
    {
        List<Map<String, Object>> result = new ArrayList<Map<String, Object>>();
        try
        {
            List<xxx> list = xxx.findAllxxx(nodeid);
            Map<String, Object> item1 = new HashMap<String, Object>();
            item1.put("id", "");
            item1.put("text", "请选择");
            result.add(item1);
            for (int i = 0; i < list.size(); i++)
            {
                Map<String, Object> item = new HashMap<String, Object>();
                xxx xxx= list.get(i);
                item.put("id", xxx.getEventid());
                item.put("text", xxxx.getXXX());
                result.add(item);
            }
        }
        catch (Exception e)
        {
            e.printStackTrace();
        }
        return result;
    }


效果图如下:


  • 大小: 14.8 KB
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    EASY-UI示例;EASY-UI示例

    EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例

    easy-ui onchange/easy-ui添加onchange

    在本文中,我们将深入探讨如何在Easy-UI框架中使用`onchange`事件,以及如何获取组合框(Combobox)的当前选中值。Easy-UI是一个基于jQuery的轻量级前端开发框架,它提供了丰富的组件,如表格、窗口、菜单、对话框等...

    jQuery easy-ui 富客户端AJAX框架

    **jQuery Easy-UI:构建富客户端AJAX应用的利器** jQuery Easy-UI 是一个基于 jQuery 库的轻量级、高效的富客户端AJAX框架。它为开发者提供了丰富的组件和便捷的API,使得创建功能丰富的Web应用程序变得更加简单。...

    基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统.zip

    基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp...

    非常好用的Easy-UI前段框架

    Easy-UI是一个基于jQuery的轻量级前端框架,它提供了丰富的组件和强大的功能,使得开发者在构建用户界面时能够快速而高效。这个“非常好用的Easy-UI前段框架”显然是一个已经集成了多种功能的解决方案,特别是针对...

    简洁Easy-UI后台模板

    "简洁Easy-UI后台模板"是一款专为新手设计的易用型前端框架,它提供了标准的后台界面设计,集美观与实用性于一体。Easy-UI是一个基于HTML、CSS和JavaScript的轻量级前端开发框架,其核心是采用jQuery库,使得开发者...

    Easy-UI类库

    Easy-UI是一个轻量级的前端用户界面框架,专为构建高效、美观的B/S(Browser/Server)系统页面而设计。它以简洁的代码、丰富的组件和高度可定制性著称,使得开发者能够快速地创建出具有专业品质的网页应用。在网页...

    easy-ui框架

    这个压缩包文件中包含的是Easy-UI框架的一个特定版本——"jquery-easyui-EDT-1.4.5-build1",这表明它是一个经过编译和打包的版本,可能包含了优化和一些额外的功能。 Easy-UI的核心是jQuery库,它利用jQuery的强大...

    easy-ui API DOM

    Easy-UI是一个基于jQuery的轻量级前端框架,它提供了丰富的组件和易于使用的API,用于构建功能强大的Web界面。在“easy-ui API DOM”中,我们主要关注的是如何利用Easy-UI的API与DOM(Document Object Model)进行...

    Easy-Ui后台搭建

    Easy-Ui是一个轻量级且易于使用的前端框架,主要用于快速构建高效、美观的管理后台界面。这个框架结合了Bootstrap的网格系统、jQuery的便捷操作以及自定义的组件,为开发者提供了一套完整的UI解决方案。在"Easy-Ui...

    jQuery UI以及jQuery easy-ui技术手册

    jQuery Easy-UI 是基于jQuery和jQuery UI的一个轻量级框架,它简化了jQuery UI的使用,提供了一套易于上手的预设样式和组件。Easy-UI的主要目标是让开发者能快速构建出美观且功能丰富的Web应用。 - **组件精简**:...

    easy-ui资源

    标签"easy-ui舒适"表明这个资源可能包含了优化过的EasyUI版本或者是一些定制化的设计,提供了更舒适的用户体验,例如改进的布局、色彩搭配或是更友好的交互设计。 在压缩包文件名称列表中,"easyUI"可能是包含...

    Easy-Ui简单后台搭建

    Easy-Ui是一个基于jQuery和Bootstrap框架的前端UI库,它为开发者提供了丰富的组件和美观的界面设计,使得构建用户友好的后台管理系统变得简单快捷。在"Easy-Ui简单后台搭建"这个主题中,我们将深入探讨如何利用Easy-...

    easy-ui.zip

    【easy-ui.zip】是一款集合了三款基于Web的管理型系统框架的压缩包,主要包含HTML、CSS和JavaScript等静态资源。这些框架可能用于构建高效、美观且易于使用的后台管理系统。下面将详细介绍其中可能涉及的知识点。 1...

    SSH+EASY-UI的账务管理系统

    用MAVEN,SPRING,HIBERNATE,STRUTS配置账务管理系统,前台界面EASY-UI,功能比较齐全,算是个小项目吧。jar包的话由于太大,反正如果有maven都可以自动下载的,用的IDE是ECLIPSE JUNIO,maven版本是3.0.4。 还需要...

    jquery-easy-ui

    《jQuery Easy UI:构建高效前端界面的利器》 jQuery Easy UI 是一款基于 jQuery 的轻量级前端框架,专为简化Web界面开发而设计。它集合了一系列丰富的组件,如树形结构(Tree)、表格(Grid)、对话框(Dialog)、...

    添加easy-ui样式的style样式和具体的jsp页面示例

    在本文中,我们将深入探讨如何在项目中添加和应用Easy-UI样式,以及如何创建具有这些样式的JSP页面。Easy-UI是一个基于jQuery的轻量级、易于使用的前端框架,它提供了丰富的组件和样式,使得网页开发变得更加简单...

    easy-ui门户前端框架版本v1.7.5

    2. **jquery.easyui.min.js**: 这是easy-ui的主要JavaScript文件,已经进行了压缩,包含了大量的组件和功能,如对话框、表格、菜单、树形结构、下拉框等。 3. **easyloader.js**: easyloader是easy-ui的加载器,负责...

    jquery-easy-ui demo

    标题“jquery-easy-ui demo”表明我们将探讨这个框架的一些实际应用和示例,而“很好用的”描述则暗示了其易用性和实用性。 一、jQuery EasyUI 概述 jQuery EasyUI 是基于 jQuery 的轻量级框架,它集成了大量的 UI ...

    日历扩展(easy-ui)

    在本案例中,我们关注的是一个名为“日历扩展(easy-ui)”的项目,它专为12月设计,具备全屏显示、阳历、阴历以及节假日显示等功能,并且支持添加调休和假日等个性化设置。这个插件基于easy-ui框架,利用了CSS3和...

Global site tag (gtag.js) - Google Analytics