簡體   English   中英

SlickGrid頁眉菜單-單個列的多個選擇

[英]SlickGrid Header menu - multiple selection for a single column

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

但是現在的要求是,我需要從下拉列表中為一個列選擇多個選擇,並保存選擇並在以后使用,並且可以對多個列進行相同的選擇。

希望我足夠清楚,謝謝您的支持

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

  • 一個新的項目選項keepOpen ,它防止菜單在命令后關閉,以及
  • 命令后刷新項目詳細信息(特別是iconImageiconCssClass )(僅當菜單保持打開狀態時)。

如果有時間,我將嘗試在SlickGrid存儲庫上設置拉取請求。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM