`
大雪那个飘啊
  • 浏览: 2420 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

ligerui联动清空控件值

阅读更多

最近做项目时遇到一个问题,用ligerui构建的form控件需要联动,但是控件按钮处都有个*x*号用于清空该控件的content,这时也得需要清空与该控件联动的控件content,ligerui本身并没有此事件,于是自己拓展了一下,代码如下:
1:ligerComboBox中
$.ligerDefaults.ComboBox = {
        afterClearContent : null,//清空文本内容时事件 针对于多级联动时清空一级菜单内容时也清空与其联动的下级菜单 by xtz 2016-5-6

2: clear: function ()
{
this._changeValue("", "");
$("a.l-checkbox-checked", this.selectBox).removeClass("l-checkbox-checked");
$("td.l-selected", this.selectBox).removeClass("l-selected");
$(":checkbox", this.selectBox).each(function () { this.checked = false; });
this.trigger('clear');
/**
* 清空文本内容时事件 针对于多级联动时清空一级菜单内容时也清空与其联动的下级菜单 by xtz 2016-5-6
*/
if(this.options.afterClearContent){
    this.options.afterClearContent();
}
           
},

3:$.ligerui.get('fundGroupId').set({
          afterClearContent:function (){
               //在此自定义事件
           }
      });
说明下:首先是在ligerComboBox.js中定义一个属性afterClearContent,当做一个事件,然后在ligerComboBox点击*x*按触发的事件中触发afterClearContent事件,afterClearContent事件定义在自己处理业务的js里,并在dom加载时初始化下即可实现上述效果

 

分享到:
评论

相关推荐

    ligerUI的日期控件,支持秒

    ligerUI的日期控件,原来的不支持秒,改成支持秒

    基于Ligerui的新手学习控件库

    **基于Ligerui的新手学习控件库** LigerUI是一款强大的JavaScript前端框架,专为构建用户界面而设计。它提供了丰富的控件集合,能够帮助开发者快速开发出具有专业外观和交互体验的Web应用程序。本资源包是针对初学...

    全套ligerui源代码和api以及示例

    LigerUI是一款基于JavaScript和CSS3的开源前端框架,它为开发者提供了丰富的UI组件和便捷的API接口,用于快速构建用户界面。此压缩包包含了LigerUI的全套源代码、API文档以及示例,旨在帮助开发者深入理解其内部工作...

    ligerui-LigerUI-V1.2.5.rar

    LigerUI是一款强大的JavaScript界面开发框架,主要用于构建高效、易用且美观的Web应用程序。它的V1.2.5版本提供了全面的组件和功能,帮助开发者实现列表、编辑和图标等界面元素的一体化集成。在这款压缩包“ligerui-...

    ligerUI Tree对checkbox的禁用

    ligerUI Tree对checkbox的禁用,设置成只读,只要早jsp中引入此文件即可。

    jQuery ligerUI Demos 导航页、菜单栏

    jQuery ligerUI是一款基于jQuery的前端开发框架,它提供了一系列丰富的UI组件,使得开发者能够快速构建具有专业界面的Web应用程序。在"jQuery ligerUI Demos 导航页、菜单栏"这个主题中,我们将深入探讨ligerUI如何...

    ligerui替换资源文件

    LigerUI是一款基于JavaScript和CSS的开源UI组件库,它提供了丰富的控件和样式,帮助开发者快速构建美观且功能强大的Web应用。在这个特定的情况下,我们关注的是如何对LigerUI的时间控件进行优化,使其能够支持用户...

    Ligerui Table导出excel 支持样式、冻结行列、图片等导出

    在IT行业中,数据展示和处理是一项重要的任务,而LigerUI Table是一款强大的jQuery插件,专为网页数据展示提供解决方案。LigerUI Table不仅具备基本的表格功能,如排序、筛选、分页,还提供了丰富的扩展特性,如导出...

    ligerui-LigerUI

    LigerUI是一款基于JavaScript开发的前端用户界面框架,专为构建现代Web应用程序而设计。它提供了丰富的组件和灵活的配置选项,旨在简化开发者的工作,提高开发效率。LigerUI这个名字来源于“Liger”,象征着其融合了...

    Jquery LigerUI 中文 API

    **jQuery LigerUI 中文 API 知识点详解** jQuery LigerUI 是一款基于 jQuery 的前端组件库,它提供了一套完整的用户界面解决方案,适用于快速构建功能丰富的 Web 应用程序。LigerUI 包含了大量的组件,如表格、表单...

    ligerui+Json_使用LigerUI的Grid和Java的Json实现数据显示

    LigerUI是一款强大的JavaScript UI库,它提供了丰富的组件和功能,便于开发者构建用户界面。在本教程中,我们将深入探讨如何结合LigerUI的Grid组件和Java的JSON数据来实现数据显示。Grid是LigerUI中的一个核心组件,...

    LigerUI demo及api文档

    LigerUI是一个强大的JavaScript UI库,专为构建企业级Web应用程序而设计。它提供了一系列丰富的组件和工具,帮助开发者创建用户界面时节省时间和精力。LigerUI的核心特性在于其易于使用、高度可定制以及对各种浏览器...

    ligerUI 教程API手册

    ligerUI 教程API手册,方便查询

    ligerui之gird

    《深入解析LigerUI中的Grid控件》 在Web开发领域,前端框架的使用极大地提升了开发效率和用户体验。其中,LigerUI是一个优秀的JavaScript库,它提供了丰富的UI组件,包括我们今天要探讨的核心部分——Grid控件。...

    LigerUi全套文件

    本文将深入探讨LigerUi的核心特点,事件支持,控件分离,以及元素分离,帮助读者更好地理解和应用这一框架。 一、LigerUi概述 LigerUi,顾名思义,如狮子般强大,如狐狸般灵活。它是一款专为前端开发者设计的框架...

    jQuery ligerUI 帮助文档

    ligerUI是基于jQuery的一个强大的用户界面库,它集成了多种控件,如表格、下拉框、按钮、对话框等,大大提升了网页交互体验和开发效率。 在jQuery ligerUI中,API(Application Programming Interface)是关键,它...

    LigerUI是基于jQuery开发的一系列控件组

    LigerUI是一个强大的前端开发框架,它以jQuery为基础,提供了丰富的UI控件,旨在帮助开发者快速构建具有专业外观和统一风格的Web应用界面。LigerUI的控件集包括了表单元素、布局管理器、数据表格等多种常用组件,极...

    LigerUI1.2.5文档和库

    LigerUI 1.2.5 是一个成熟的前端开发框架,专为构建高效、美观的Web应用程序而设计。这个框架提供了丰富的组件和功能,旨在简化开发者的工作,提高开发效率。"LigerUI1.2.5文档和库"的压缩包包含两个主要部分:...

    JQuery LigerUI建筑工程管理系统

    **jQuery LigerUI建筑工程管理系统详解** jQuery LigerUI是一个基于jQuery的前端开发框架,它提供了丰富的用户界面组件,包括表格、表单、对话框、菜单等,极大地简化了Web应用程序的开发过程。在这个"建筑工程管理...

    ligerui DEMO

    本篇文章将深入探讨"ligerui DEMO",揭示其核心特性、控件应用以及API的使用,旨在帮助开发者更好地理解和运用这一工具。 首先,我们需要理解LigerUI是什么。LigerUI是一款基于jQuery的开源前端框架,它集成了多种...

Global site tag (gtag.js) - Google Analytics