右键单击单元格并在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但您可以编写自己的按钮或类似的

希望它能帮助你开始