Comments (2)
I am trying to use this tree, but I tried to show contextMenu when it has click side icon that I gave it.
right click to open context menu is working properly, but when I clicked bar to open context menu is not working. do you have any idea with it?
<template slot="sidebar" slot-scope="{ node }">
<span class="visible-icon" style="padding:0px 3px 0px 10px; cursor:pointer" @click="event => showContextEllipsis(event, node)">
<i class="fa fa-ellipsis-v"></i>
</span>
</template>
showContextEllipsis(event, node) {
this.showContextMenu(node, event, 'clicked')
},
showContextMenu(node, event, type) {
event.preventDefault();
this.contextMenuIsVisible = true;
const $contextMenu = this.$refs.contextmenu;
console.log('X: ' + event.clientX+ ' :Y: '+ event.clientY);
this.$refs.slVueTree.select(node.path);
$contextMenu.style.left = event.clientX + 'px';
$contextMenu.style.top = event.clientY + 'px';
},
from sl-vue-tree.
Dun worry, I figured out, I was kinda stupid with this. haha
from sl-vue-tree.
Related Issues (20)
- Add node property to draginfo slot
- Once drag starts there's no way to cancel
- Too many rerenders HOT 1
- How I set max-level that allowed?
- How to change a tree programmatically based on event
- How to change fa fa-file style css? HOT 1
- edgeSize is not working HOT 1
- Remove node using contextmenu not working if node is not selected HOT 1
- tree is not reflecting data properly
- Add new node after selectedNode
- Is there a way to expand/collapse nodes programatically? HOT 2
- Vue 3 compatibility HOT 3
- Can we have a `hover` event please?
- Publish 1.8.5 HOT 1
- Dragging throws TypeError: e.onDragendHandler is not a function HOT 2
- Any examples for working with a pre-existing data structure?
- The node does not deselected HOT 1
- Passing data from externaldrop
- Access dragstart,dragover for validating
- How to Add Node on Empty Tree
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from sl-vue-tree.