Part 10 MDriven Designer Overview. Actions and navigation
No edit summary
No edit summary
Line 1: Line 1:
<html>
<html>
<h4>In depth overview on how to navigate between views with actions and how root object expression works. You will find this pattern recurring over and over, while trying to solve real business problems. You will get the access to the data as we show the objects and navigate into various views for more detailed information. This skills help you develop efficient model infrastracture once it grows.</h4>
<h4>In depth overview on how to navigate between views with actions and how root object expression works. You will find this
  pattern recurring over and over, while trying to solve real business problems. You will get the access to the data as we
  show the objects and navigate into various views for more detailed information. This skills help you develop efficient
  model infrastracture once it grows.</h4>


<p class="warn">
<p class="video-warn">
<em>To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini player. Choose the interesting subtitle on the list and immediately get to the exact theme timeplace in the video. Now you can pick any topic to be instructed without watching the whole video.</em> </p>
  <em>To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini
<style type="text/css">
    player. Choose the interesting subtitle on the list and immediately get to the exact theme navigation-itemplace in the
p.warn {
    video. Now you can pick any topic to be instructed without watching the whole video.</em>
opacity: 0.7;
</p>
text-align: justify;
width: 90%
}
#video12 {
  position: relative;
  padding-bottom: 10px;
}
#video12::after {
  content: "";
  display: table;
  clear: both;
}
#video12 iframe {
  width: 100%;
  min-width: 200px;
  max-width: 740px;
  height: 500px;
  float: left;
}


@media (max-width: 767px) {
<div class="video">
  #video12 iframe {
   <div class="video__wrapper">
    height: 180px;
    <iframe src="https://www.youtube.com/embed/fiuwP-KTmls?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
  }
   </div>
}
  <div class="video__navigation">
 
     <span class="navigation-item" data-video="fiuwP-KTmls" data-start="111" tabindex="0">Actions </span>
#video12 div {
     <ul>
  float: left;
      <span class="navigation-item" data-video="fiuwP-KTmls" data-start="125" tabindex="0"> &bull; global actions</span>
  padding-left: 10px;
      <span class="navigation-item" data-video="fiuwP-KTmls" data-start="633" tabindex="0"> &bull; ViewModel Action </span>
overflow-y: auto;
      <span class="navigation-item" data-video="fiuwP-KTmls" data-start="775" tabindex="0"> &bull; class actions </span>
height: 500px;
    </ul>
}
     <span class="navigation-item" data-video="fiuwP-KTmls" data-start="179" tabindex="0"> ViewModel Root Object </span>
span.time {
     <span class="navigation-item" data-video="fiuwP-KTmls" data-start="367" tabindex="0"> Create Repository Researcher </span>
    display:block;
     <span class="navigation-item" data-video="fiuwP-KTmls" data-start="605" tabindex="0"> Action Definitions </span>
  padding: 2px 10px 2px 10px;
     <span class="navigation-item" data-video="fiuwP-KTmls" data-start="650" tabindex="0"> Execute Expression </span>
    padding-bottom: 0.5em;
     <span class="navigation-item" data-video="fiuwP-KTmls" data-start="715" tabindex="0"> Change the root of the View </span>
    padding-top: 0.5em;
     <span class="navigation-item" data-video="fiuwP-KTmls" data-start="1010" tabindex="0"> "VM does not require a root object" </span>
  opacity: 0.7;
     <span class="navigation-item" data-video="fiuwP-KTmls" data-start="1131 " tabindex="0"> Execute expression OnShow </span>
}
     <ul>
span.time:hover {
      <span class="navigation-item" data-video="fiuwP-KTmls" data-start="1173" tabindex="0"> vSender variable </span>
  color: #0000FF;
    </ul>
  cursor: pointer;
}
span.time:focus {
   color: blue;
}
</style>
<br>
<div id="video12">
<iframe width="740" height="500" src="https://www.youtube.com/embed/fiuwP-KTmls?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
   <div>
     <span class="time" data-video="fiuwP-KTmls" data-start="427" tabindex="0">Actions </span>
     <ul> <span class="time" data-video="fiuwP-KTmls" data-start="441" tabindex="0"> &bull; global actions</span>
    <span class="time" data-video="fiuwP-KTmls" data-start="949" tabindex="0"> &bull; ViewModel Action </span>
    <span class="time" data-video="fiuwP-KTmls" data-start="1091" tabindex="0"> &bull; class actions </span> </ul>
     <span class="time" data-video="fiuwP-KTmls" data-start="495" tabindex="0"> ViewModel Root Object </span>
     <span class="time" data-video="fiuwP-KTmls" data-start="683" tabindex="0"> Create Repository Researcher </span>
     <span class="time" data-video="fiuwP-KTmls" data-start="921" tabindex="0"> Action Definitions </span>
     <span class="time" data-video="fiuwP-KTmls" data-start="966" tabindex="0"> Execute Expression </span>
     <span class="time" data-video="fiuwP-KTmls" data-start="1031" tabindex="0"> Change the root of the View </span>
     <span class="time" data-video="fiuwP-KTmls" data-start="1326" tabindex="0"> "VM does not require a root object" </span>
     <span class="time" data-video="fiuwP-KTmls" data-start="1447 " tabindex="0"> Execute expression OnShow </span>
     <ul> <span class="time" data-video="fiuwP-KTmls" data-start="1489" tabindex="0"> vSender variable </span> </ul>
   </div>
   </div>
</div>
</div>


<script>
var IMG = document.querySelectorAll('#video12 span'),
    IFRAME = document.querySelector('#video12 iframe');
for (var i = 0; i < IMG.length; i++) {
  IMG[i].onclick = function() {
    IFRAME.src = 'https://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
    if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
    if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
    this.style.backgroundColor='rgba(0,0,0,.2)';
  }
}
</script>
</html>
</html>
[[Category:MDriven Designer]]
[[Category:MDriven Designer]]

Revision as of 21:54, 31 July 2018

In depth overview on how to navigate between views with actions and how root object expression works. You will find this pattern recurring over and over, while trying to solve real business problems. You will get the access to the data as we show the objects and navigate into various views for more detailed information. This skills help you develop efficient model infrastracture once it grows.

To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini player. Choose the interesting subtitle on the list and immediately get to the exact theme navigation-itemplace in the video. Now you can pick any topic to be instructed without watching the whole video.

Actions
    • global actions • ViewModel Action • class actions
ViewModel Root Object Create Repository Researcher Action Definitions Execute Expression Change the root of the View "VM does not require a root object" Execute expression OnShow
    vSender variable

This page was edited 90 days ago on 02/10/2024. What links here
Retrieved from "https://wiki.mdriven.net/index.php?title=Documentation:Part_10_MDriven_Designer_Overview._Actions_and_navigation&oldid=2820"

© MDRIVEN . All Rights Reserved

Glossary API Docs
MDriven World | Portal | Blog | YouTube | StackOverflow | Facebook

© MDRIVEN . All Rights Reserved