成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

本文實例為大家分享了Jquery Easyui自定義下拉框組件的實現代碼，供大家參考，具體內容如下

加載方式

JS調用加載

自定義下拉框不能通過標簽的方式進行創建。

  <input id="box" />

  <script>
    $(function () {
      //JS 加載調用
      $('#box').combo({
        required : true,
        multiple : true,
      });
    });
  </script>

屬性列表

<script>
    $('#box').combo({
      width : 300,
      height : 50,
      panelWidth : 300,
      panelHeight : 200,
      disabled : false,
      hasDownArrow : false,
      delay : 50,
      editable : true,
      readonly : false,
      required : true,
      multiple : true,
    });
  </script>

事件列表

 <script>
    $('#box').combo({
      required : true,
      multiple : true,
      onShowPanel : function () {
        alert('下拉的時候觸發！');
      },
      onHidePanel : function () {
        alert('下拉面板隱藏的時候觸發！');
      },
      onChange : function () {
        alert('字段值改變的時候觸發！');
      },
    });
  </script>

方法列表

//返回屬性對象
    console.log($('#box').combo('options'));
    //返回下拉面板對象
    console.log($('#box').combo('panel'));
    //返回文本框對象
    console.log($('#box').combo('textbox'));
    //銷毀組件
    $('#box').combo('destroy');
    //禁用和啟用
    $('#box').combo('disable');
    $('#box').combo('enable');
    //調整到默認寬度
    $(document).click(function () {
      $('#box').combo('resize', 'width');
    });
    //顯示下拉面板
    $(document).click(function () {
      $('#box').combo('showPanel');
    });
    //隱藏下拉面板
    $('#box').combo('hidePanel');
    //啟用禁用，true 可不填，false 則為不啟用
    $('#box').combo('readonly',true);
    //驗證文本框內的值是否合法
    $(document).click(function () {
      console.log($('#box').combo('isValid'));
    });
    //清空文本框內容
    $(document).dblclick(function () {
      $('#box').combo('clear');
    });
    //重置文本框到初始狀態
    $(document).dblclick(function () {
      $('#box').combo('reset');
    });
    //得到文本框字符串
    $(document).click(function () {
      console.log($('#box').combo('getText'));
    });
    //設置文本框字符串
    $(document).click(function () {
      console.log($('#box').combo('getText'));
    });
    //獲取組件的 Value 值
    $(document).click(function () {
      console.log($('#box').combo('getValue'));
      console.log($('#box').combo('getValues'));
    });
    //可以使用$.fn.combo.defaults 重寫默認值對象。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持綠夏網。