SlickGrid 标题菜单 - 单列的多项选择答案

【问题标题】：SlickGrid Header menu - multiple selection for a single columnSlickGrid 标题菜单 - 单列的多项选择
【发布时间】：2014-01-10 09:30:36
【问题描述】：

我一直在我的 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);

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

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

【问题讨论】：

标签： javascript jquery grails slickgrid

【解决方案1】：

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

新的项目选项keepOpen，可防止菜单在命令后关闭，并且
在命令后刷新项目详细信息（特别是 iconImage 和 iconCssClass）（仅当菜单保持打开时）。

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

【讨论】：