zoukankan      html  css  js  c++  java
  • handsontable-chosen-editor

    https://github.com/mydea/handsontable-chosen-editor

    handsontable-chosen-editor是handsontable column的扩展,实现了在handsontable编辑列中下拉列表,同时支持的多选。

    使用后发现,屏幕底部的行中,下拉项无法显示,因为下拉项定义的是向下展开,即使下拉项的位置超出了屏幕底部。

    修改方法:

    chosen.css中添加

    .chosen-container.chosen-with-drop-top .chosen-drop {
    left: 0;
    top:-220px;
    }

    chosen.jquery.js中的results_show中

    把原来的

     this.container.addClass("chosen-with-drop");

    改为

    var totalheight = $(window).height();
    var thistop = $($.find('div.handsontableInputHolder')[0]).offset().top;
    if ((parseInt(totalheight) - parseInt(thistop)) < 200)
    {
    this.container.addClass("chosen-with-drop-top");
    }
    else
    {
    this.container.addClass("chosen-with-drop");
    }

     在results_hide函数中添加

     this.container.removeClass("chosen-with-drop-top");

    这样,当底部空间不足时,下拉列表将向上展开。

  • 相关阅读:
    loj6158 A+B Problem (扩展KMP)
    2017CodeM初赛B场
    Codeforces Round #421(div 2)
    CF821E(多次矩阵快速幂)
    Codechef-ANCESTOR(树套树/CDQ分治)
    Codechef-BLACKCOM(树形背包dp)
    Codechef-CHEFPRAD(找事件点+贪心)
    洛谷 p3391
    luogu p3369
    LOJ10082
  • 原文地址:https://www.cnblogs.com/darksied/p/4894560.html
Copyright © 2011-2022 走看看