.NET EasyUI datebox添加清空功能


  前言,前段時間的項目使用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)

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM