index.html 947 B

1234567891011121314151617181920212223242526272829303132333435
  1. <head>
  2. <script src="//unpkg.com/data-joint"></script>
  3. <!--<script src="../dist/data-joint.js"></script>-->
  4. </head>
  5. <body>
  6. <script>
  7. const myView = new Set();
  8. digest([{ id: 0, val: 2 }, { id: 1, val: 4 }, { id: 2, val: 7 }]);
  9. digest([{ id: 1, val: 4 }, { id: 2, val: 3 }, { id: 3, val: 9 }]);
  10. console.log('final data', [...myView]);
  11. function digest(data) {
  12. dataJoint(data, [...myView],
  13. obj => myView.add(obj), // append obj
  14. obj => myView.delete(obj), // remove obj
  15. {
  16. createObj: (d) => {
  17. console.log('createObj', d);
  18. return {};
  19. },
  20. updateObj: (obj, d) => {
  21. obj.double = d.val * 2;
  22. console.log('updateObj', obj, d);
  23. },
  24. exitObj: obj => {
  25. obj.double = 0;
  26. console.log('exitObj', obj);
  27. },
  28. idAccessor: d => d.id
  29. }
  30. );
  31. }
  32. </script>
  33. </body>