文档章节

.NET EasyUI datebox添加清空功能

 我是骗子
发布于 2016/05/19 23:24
字数 436
阅读 85
收藏 0

  前言,前段时间的项目使用EasyUI框架搭建,使用了其自带的一系列组件。但对于datebox,其功能别的不多说,令人蛋疼的是它居然没有清空功能,这让在搜索区域中摆了日期条件的咋整啊,没办法,既然用了这套前端框架,有问题就得解决,于是想到了自己添加清空功能。

  结合在网上找到的一些解决方法以及实际需要,特整理如下。

  1.jquery.easyui.min.js文件修改(版本 jQuery EasyUI 1.3.3)

    (1)第11361行:

    //为datebox定义清空按钮
    $("<a href=\"javascript:void(0)\" class=\"datebox-clean\"></a>").html(opts.cleanText).appendTo(_858);

    (2)第11375行:

    //为datebox清空按钮添加事件
    _858.find(".datebox-clean").click(function(){
      $(_853).combo("setValue","").combo("setText","");//设置空值
      $(_853).combo("hidePanel");//点击清空按钮之后关闭日期选择面板
    });

    (3)第11445行:

    //定义日期选择面板上的按钮显示文本

    //为清空按钮指定默认显示文本Clean
    currentText:"Today",cleanText:"Clean",closeText:"Close",okText:"Ok"

  2.easyui-lang-zh_CN.js(这是汉化包文件)  

    (1)第40行:

    $.fn.datebox.defaults.cleanText = '清空&nbsp;&nbsp;&nbsp;'; //修改datebox清空按钮显示文本,添加&nbsp;是为了在datetimebox中清空和确定按钮位置隔开
    $.fn.datebox.defaults.okText = '&nbsp;&nbsp;&nbsp;确定';

    (2)第67行:

    cleanText: $.fn.datebox.defaults.cleanText, //为清空按钮知道默认显示文本

  

  3.easyui.css

    //找到所选easyui主题下文件夹下的easyui.css文件,添加如下样式
    第1528行:
    .datebox-clean,
    .datebox-clean {
      float: center;
    }

  按照以上三步下来,确定无误,保存之后,即可看到效果了,怎么样?可以清空了吧。

  注:不同版本的jquery.easyui.min.js文件要修改的位置行数可能不一致,请仔细查看。(当前版本: jQuery EasyUI 1.3.3)

 

 

本文转载自:http://www.cnblogs.com/iSuwei/p/3749139.html

共有 人打赏支持
粉丝 0
博文 4
码字总数 0
作品 0
武汉
程序员
私信 提问
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug window: Cannot resize the window with iframe content. fixed. tree: The node will be removed when dragging to its child. fixed. combogrid: T......

ejzhang
2011/04/26
6.1K
3
easyui datebox输入问题

如图,easyui datebox输入1以后失去焦点或停止编辑,居然没有验证清空,请问应该怎样手动修改或添加处理代码? 我是新手,想学学大家是怎么解决问题,解决问题的思路

小波刘
2015/11/19
427
2
在easyUI框架下的datebox只选择到月份

在实际的web开发中,经常会遇到下拉列表只需要选择到日期的下拉日期控件,但是easyUI的控件却没有这个功能,下面一段代码,是在其他地方看到的代码,比较好的解决了这个问题。通过阻止选择时...

zsl2016
2016/09/07
1K
1
spring使用jquery的datebox

每次很害怕使用jquery的datebox,因为datebox有个默认值为null,所以使用required属性对datebox没用,因此,每次遇到datebox时我都会从后台传date值给它,就可以判断是否为空了,例如 <input...

wenwen1
2013/08/30
0
0
jsp jquery怎么在同一个页面写两个 form 同时向数据库的两个表插入数据

<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="UTF-8"%> 立项申请 <% String datenow = systemRelated.getDateNow(); request.setCharacterEncoding("utf-8");//......

wenwen1
2012/09/03
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

学习LinkedBlockingDeque源码

之前已经看了实现deque接口的ArrayDeque, ConcurrentLinkedDeque, LinkedList,也不能落下ConcurrentLinkedDeque,但是好像没在项目中用过。 这里看到实现的接口还有BlockingDeque<E>, Block...

woshixin
22分钟前
1
0
实战:用Python实现随机森林

摘要: 随机森林如何实现?为什么要用随机森林?看这篇足够了! 因为有Scikit-Learn这样的库,现在用Python实现任何机器学习算法都非常容易。实际上,我们现在不需要任何潜在的知识来了解模型...

阿里云官方博客
25分钟前
1
0
进程管理利器Supervisor--centos7下安装与卸载

目录 概述 环境准备 检查python环境 在线安装 配置Supervisor 启动并验证 概述 Supervisor的安装可以有在线安装和离线安装两种方式。安装方式取决于服务器是否联网,联网的话可采用在线安装,...

java_龙
31分钟前
4
0
spring系列汇总

spring spring-基于可扩展Schema的特性自定义标签 springmvc-同一个访问资源,多种视图解析方式 spring cache 配置使用aspectj模式织入 基于注解的spring缓存,轻松无侵入解决cache问题 spri...

细肉云吞
32分钟前
4
0
vsftpd搭建ftp

12月10日任务 14.4 exportfs命令 14.5 NFS客户端问题 15.1 FTP介绍 15.2/15.3 使用vsftpd搭建ftp exportfs命令 在nfs运行后的一段时间内,如果需要添加共享目录,这时需要修改exports文件,并...

robertt15
34分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部