右键单击单元格并在Angular UI Grid中显示模式窗口

Question

当用户右键单击Angular UI网格单元格时，有没有一种显示模式窗口的方法？ 谢谢。

Answer 1

当用户右键单击Angular UI网格单元格时，有没有一种显示模式窗口的方法？ 谢谢。

简短答案：是

在columnDefs为列编写自定义cellTemplate

细节：

columnDefs: [
    {
     displayName: 'SomeName', 
     field: 'name_obj',
     enableSorting: true,
     enableColumnMenu: false,
     cellTemplate: myCellTemplate            
  }
},

例如：

var myCellTemplate = 
                    '  <div class="grid-tooltip" tooltip="{{ COL_FIELD.name }}" tooltip-placement="top" tooltip-append-to-body="true">' +
                    '     <div class="ui-grid-cell-contents">' + 
                    '           <div layout="row">'+
                    '              <wm-check-box style="padding: 2px 10px;"  ng-model="row.entity.name_obj.isSelected"'+
                    '                       ng-click="$event.stopPropagation();grid.appScope.onSelect(row.entity.name_obj)" aria-label="selected ui-grid label" '+
                    '               ></wm-check-box>'+
                    '               <span style="white-space: nowrap;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;"> {{ COL_FIELD.name }} </span>'+                        
                    '            </div>'+
                    '    </div>' +
                    '  </div>';

检查我写ng-click 。 我使用了wm-check-box但是您可以编写自己的按钮或类似按钮

---

希望它能帮助您开始