关于筛选功能位置添加daterangepicker组件

我添加了一个日历组件,在点击wijmo自带筛选功能时无法关闭日历组件var edtdateTitle_flex = $('<button class="wj-glyph-filter" id="calendar" ><span  id="daterange_flex" class="form-control form-control-sm " name="daterange_flex" value="" placeholder="YYYY/MM/DD - YYYY/MM/DD" ></span></button>')[0];

edtdateTitle_flex.addEventListener('click', function () {
    $('#daterange_flex').daterangepicker({
            autoUpdateInput: false,
            format:'YYYY/MM',

daterangepicker代码省略flex.itemFormatter = function (panel, r, c, cell) {
    if (panel.cellType == wijmo.grid.CellType.ColumnHeader) {
        if (panel.columns[c].binding ==  'activityDate_c') {
            cell.appendChild(edtdateTitle_flex);
        }
    }}

KevinChen 发表于 2020-7-15 19:08
您好，是链接访问不了还是？是需要完整的js示例，还是API文档呢？

您好，开发工程没有涉及到AngularJS，能否提供js参考资料

1. filter.filterChanging.addHandler(function(s,e){
   
2.               e.cancel=true;
   
3.       })

复制代码

这行代码会停止触发wijmo原有过滤，怎么判断某列不触发这个e.cancel=true;

您好，是链接访问不了还是？是需要完整的js示例，还是API文档呢？

KevinChen 发表于 2020-7-15 09:50
您好，这样添加的filter相当于在列头上浮了一个div层，所以无法随鼠标事件执行关闭。

推荐参考这篇示例 ...

能否提供js的参考资料

您好，这样添加的filter相当于在列头上浮了一个div层，所以无法随鼠标事件执行关闭。

推荐参考这篇示例：

http://jsfiddle.net/gsdqveym/1/

关键代码如下：

1. // create Filter instance to add Filter Icon               
   
2.       var filter=new wijmo.grid.filter.FlexGridFilter(grid);
   
3.       // cancel Filter Dialog open
   
4.       filter.filterChanging.addHandler(function(s,e){
   
5.               e.cancel=true;
   
6.       })
   
7.       // handle click event for FlexGrid and open custom filter
   
8.             grid.hostElement.addEventListener("click",function(e){
   
9.       var ht= grid.hitTest(e);
   
10.                if(e.target.className.split(" ").indexOf("wj-glyph-filter")>-1){
    
11.         filterItem=e.target;
    
12.           var cstmFilter=$scope.customFilter;
    
13.           cstmFilter.owner=e.target;
    
14.           if(!cstmFilter.isVisible){
    
15.                   cstmFilter.show();
    
16.           }else{
    
17.                   cstmFilter.hide();
    
18.           }
    
19.          
    
20.         }
    
21.       },true)

复制代码

您好，问题已收到，明天中午前给您答复

你好，demo只有AngularJS的版本，可以根据逻辑迁移到purejs环境中使用。

可以根据e的参数加判断，如图：



参数col指出了列标，通过它可以判断出具体哪一列需要cancel