文档章节

.NET EasyUI datebox添加清空功能

 我是骗子
发布于 2016/05/19 23:24
字数 436
阅读 81
收藏 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
武汉
程序员
spring使用jquery的datebox

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

wenwen1
2013/08/30
0
0
JFinal使用笔记6-时间处理

时间字段保存时报错:Timestamp format must be yyyy-mm-dd hh:mm:ss[.fffffffff] 看意思是格式不正确,前台使用的是easyui的datetimebox,默认时间格式是3/28/2013 12:00:00。根据JFinal的格...

土龙
2013/03/28
0
0
easyui基于 layui.laydate日期扩展组件

本人后端开发码农一个,公司前端忙的一逼,项目使用的是easyui组件,其自带的datebox组件使用起来非常不爽,主要表现在 1、自定义显示格式很麻烦 2、选择年份和月份用户体验也不好 网上有关于...

做饭不洗碗
07/17
0
0
easyui 清空\设置 日期框 文本框的方法

清空: $("#xxx").datebox('setValue', ''); $("#xxx").textbox('setValue', ''); 赋值: var xxx= $("#xxx").combobox('getValue'); var xxx= $("#xxx").datebox('getValue');......

hello_bear
2015/06/19
0
0
spring使用dhtmlxscheduler.js实现实验室预约

我使用的是spring 3 mvc框架,在该框架中有一个sitemesh-decorators文件夹,在该文件存放了控制整个页面的样式的jsp,默认使用main.jsp样式,因此当我刚刚开始使用dhtmlxscheduler.js插件时总...

wenwen1
2013/08/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

RESTful架构详解

1. 什么是REST REST全称是Representational State Transfer,中文意思是表述(编者注:通常译为表征)性状态转移。 它首次出现在2000年Roy Fielding的博士论文中,Roy Fielding是HTTP规范的主...

kitty1116
7分钟前
0
0
精通Spring Boot——第十篇:Quartz动态配置定时任务

定时任务简述 定时任务,在企业开发中尤其重要,很多业务都是需要定时任务去做的。比如说10点开售某件东西,凌晨0点统计注册人数,统计其他各种等等。这个时候不可能说让人为的去开启某个开关...

developlee的潇洒人生
10分钟前
0
0
将一些内容输出到文件中

看到一个面试题,如下: 第八题: 一个字符串将其输入到一个文件中,代码如下: <?php$a = '[{"teamId": "43", "serial": "1"},{"teamId": "1", "serial": "2"},{"teamId": "14", "serial":...

vinci321
18分钟前
0
0
nginx的简单使用:负载均衡

nginx:反向代理的服务器;用户发送请求到nginx,nginx把请求发送给真正的服务器,等待服务器处理完数据并返回,再把数据发送给用户。 nginx作为一个反向代理服务器,能缓存我们项目的静态文...

osliang
今天
2
0
网站title标题被改并被百度网址安全中心提醒的解决办法

国庆假日期间我们Sine安全接到众多网站站长求助网站标题被改导致在百度搜索中百度安全中心提醒被拦截,导致网站正常用户无法浏览网站被跳转到一些菠菜du博网站,而且很明显的一个特征就是在百...

网站安全
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部