javascript - jQuery 中的上下文菜单项

Question

我想通过 jQuery 显示条件上下文菜单项。

例如:

我的帐户中有汽车。我想展示有条件的选项。

如果汽车是我自己的，那么所有菜单项都应该对我可见。如果与我共享，则只有“查看菜单”对我可见。

if (type == 'vehicle') {
   (function () {
     var vehicle_id = node.data.vehicle_id;
     var vehicle_status = '';
     $.ajax({
        url: baseUrl + '/check-vehicle-status/'+vehicle_id,
                        success: function(data) {
                            console.log(data);
                            if(data == 'shared'){
                                //what should I write here? to show only View option 
                            }
                        }
                    });

                    items = {
                        "View": {
                            "label": "View Vehicle", 
                            "action": function action() {
                                self.viewVehicle(vehicle_id);
                            }
                        },
                        "modify": {
                            "label": "Edit Vehicle", 
                            "action": function action() {
                                self.editVehicle(vehicle_id);
                            }
                        },
                        "delete": {
                            "label": "Delete Vehicle",
                            "action": function action() {
                                dialogHandler.showDeleteVehicle(function () {
                                    self.removeVehicle(vehicle_id);
                                });
                            }
                        },

Answer 1

您必须在上下文菜单方法中检查 data 参数，如下所示(前提是树节点的 node.data 具有值)。

查看演示 - Fiddle Demo

...
contextmenu: {
  items: function (node) { 

      // remove default context menu items
      var tmp = $.jstree.defaults.contextmenu.items();
      delete tmp.rename;
      delete tmp.remove;
      delete tmp.ccp;
      delete tmp.create;

      for (menuItem in items) {
         if( menuItem === 'View' || node.data !== 'shared') { 
              tmp[ menuItem ] = {
                 id: menuItem,
                 label: items[menuItem].label,
                 action: items[menuItem].action
              }
          }
      }

      return tmp;
  }
},