title: Knockout js devextreme longpress to open action sheet
body: <p>Hi all I have written the following code to find the <code>longpress</code> which works fine when I am not binding any data and trying gives me the right result</p>
  
  <pre><code>&lt;div data-options="dxView : { name: 'lngPress', title: 'lngPress' } "&gt;
  &lt;div data-options="dxContent : { targetPlaceholder: 'content' } "&gt;
      &lt;div data-bind="event: { mousedown: function() { myFunction() },mouseleave: function() { mymouseleave() },mouseup: function() { mymouseup() } }"&gt;
          Mouse over me
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>My Script is as follows</p>
  
  <pre><code>var longpress = 100;
  var start;
  
  testMobileApplication.lngPress = function (params) {
  var viewModel = {
      myFunction: function () {
          start = new Date().getTime();
      },
      mymouseleave: function () {
          start = 0;
      },
      mymouseup: function () {
          if (new Date().getTime() &gt;= (start + longpress)) {
              alert('long press!');
          } else {
              alert('short press!');
          }
      }
  };
  
  return viewModel;
  };
  </code></pre>
  
  <p>But the same code when I bind some data this is not working as expected</p>
  
  <pre><code>&lt;div data-options="dxView : { name: 'lngPress', title: 'lngPress' } "&gt;
  &lt;div data-options="dxContent : { targetPlaceholder: 'content' } "&gt;
      &lt;div data-bind="dxList: { dataSource: dataSource }" id="pr"&gt;
          &lt;div data-options="dxTemplate: { name:'item' }" data-bind="event: { mousedown: function() { myFunction() },mouseleave: function() { mymouseleave() },mouseup: function() { mymouseup() } }"&gt;
              &lt;span class="dx-field-label" data-bind="text: name"&gt;&lt;/span&gt;
              &lt;span class="dx-field-label" data-bind="text: hire"&gt;&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Script is as follows</p>
  
  <pre><code>var longpress = 100;
  var start;
  
  testMobileApplication.lngPress = function (params) {
  var viewModel = {
      myFunction: function () {
          start = new Date().getTime();
      },
      mymouseleave: function () {
          start = 0;
      },
      mymouseup: function () {
          if (new Date().getTime() &gt;= (start + longpress)) {
              alert('long press!');
          } else {
              alert('short press!');
          }
      },
  
      dataSource: [
  { id: 1, name: "Bob", hire: 2005 },
              { id: 2, name: "John", hire: 2007 },
              { id: 3, name: "Frank", hire: 2001 },
              { id: 4, name: "Robert", hire: 2007 },
      ]
  };
  
  return viewModel;
  };
  </code></pre>
  
  <p>So can some one help me</p>