我在纯javascript中使用ag-grid,并尝试使用过滤器。由于在官方页面上他们说他们支持ie11,所以我无法在ie 11中使用过滤器按钮。
这是我在网格中的代码:
filter: 'agSetColumnFilter',
filterParams: {
applyMiniFilterWhileTyping: true,
buttons: ["reset","apply"],
closeOnApply: false,
debounceMs: 200
},
在chrome中,它就像魅力一样工作。在IE11中,我看不到按钮。甚至html DOM元素都是空的
chrome:
<div class="ag-filter-apply-panel"><button type="button" ref="resetFilterButton" class="ag-standard-button ag-filter-apply-panel-button">Cancel</button><button type="button" ref="applyFilterButton" class="ag-standard-button ag-filter-apply-panel-button">Apply</button></div>
ie11:
<div class="ag-filter-apply-panel"></div>
有人面对吗?
答案 0 :(得分:1)
好的。这是因为ag-Grid使用es6 Set()。我需要在我的应用程序中包括兼容性垫片,然后它才能在IE中开始工作。
例如:
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.14/es5-shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.14/es5-sham.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.5/es6-shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.5/es6-sham.min.js"></script>