title: DevExtreme dxList change itemTemplate on mouse over
body: <p>I have DevExtreme dxList:</p>
  
  <pre><code>&lt;div data-bind="dxList: { dataSource: ds, itemTemplate: tpl }"&gt;
  &lt;/div&gt;
  
  var vm = {
      ds: [{
          "key": "group1",
          "items": [{ name: "item1" }, { name: "item2" }]
      }],
  
      tpl: function() {
          var r = '&lt;div data-options="dxTemplate:{ name:\'tpl\' }"&gt;';
              r += '&lt;div data-bind="dxCheckBox: { text: name }"&gt;&lt;/div&gt;';
              r += '&lt;/div&gt;';
              return r;
          }
      };
  };
  
  ko.applyBindings(vm);
  </code></pre>
  
  <p>How can I change itemTemplate run-time only for a specific item? (e.g. on mouse over)</p>