javascript - SlickGrid 标题菜单 - 单列多项选择

Question

我一直在我的 grails 应用程序中使用 SLickGrid，但现在我只能使用下拉菜单中的一个选项来标记一列。js 代码是:-

var headerMenuPlugin = new Slick.Plugins.HeaderMenu({buttonImage:window.params.dropDownIconUrl});
headerMenuPlugin.onBeforeMenuShow.subscribe(function(e, args) {
 var menu = args.menu;
 var i = menu.items.length;
 var iconClass = undefined
 menu.items[0].iconCssClass = (args.column.name === $("#sciNameColumn").val())?'icon-check':undefined
 menu.items[1].iconCssClass = (args.column.name === $("#commonNameColumn").val())?'icon-check':undefined
 });

 headerMenuPlugin.onCommand.subscribe(function(e, args) {
 var name = args.column.name;
 if(args.command === 'sciNameColumn') {
  if(args.column.name == $('#sciNameColumn').val())
  name = ''
  if(args.column.name == $('#commonNameColumn').val())
    $('#commonNameColumn').val('');
    $('#sciNameColumn').val(name);
   } else if(args.command === 'commonNameColumn') {
   if(args.column.name == $('#commonNameColumn').val())
      name = ''
   if(args.column.name == $('#sciNameColumn').val())
     $('#sciNameColumn').val('');
     $('#commonNameColumn').val(name);
    }
     selectNameColumn($('#commonNameColumn'), commonNameFormatter);
     selectNameColumn($('#sciNameColumn'), sciNameFormatter);
    });
    grid.registerPlugin(headerMenuPlugin);

但现在的要求是，我需要从下拉列表中对一列进行多个选择，并保存选择并稍后使用它，并且还可以对多列进行相同的选择。

希望我说得足够清楚，感谢您的支持

Answer 1

我所做的是更改 headerMenu 插件以引入两个功能:

• 新的项目选项 keepOpen，可防止菜单在执行命令后关闭，以及
• 在执行命令后刷新项目详细信息(特别是 iconImage 和 iconCssClass)(仅当菜单保持打开状态时)。

如果有时间，我会尝试在 SlickGrid 存储库上设置拉取请求。