question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Devextreme templates are not working while using the bundling technique mentioned in issue #84

See original GitHub issue

Bug Report

Devextreme templates in DxDatarid and DxList are not working when they are used as per repository examples or Devextreme Site Demos presented with 19.1.3 release. Sometimes they end up showing template name itself. When we use functions to render templates They work fine. This is not ideal when you are writing lots of javascript already.

Code Sample: https://github.com/srinath999/devextreme-vue-issues/tree/dx-template-demo

**Package versions: ** They are mentioned in https://github.com/srinath999/devextreme-vue-issues/blob/dx-template-demo/package.json

Steps to reproduce: run npm run build and then npm run serve in the code sample

Expected behavior: Templates should render seamlessly.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7

github_iconTop GitHub Comments

1reaction
LexDXcommented, May 11, 2020

As a temporary workaround, use the following syntax to create templates:

<dx-list :items="items" :itemTemplate="itemTemplate">
</dx-list>
new Vue({
  el: "#app",
  data: {
    items: [1, 2, 3, 4, 5, 6, 7],
    itemTemplate: function(data,index,element) {
      var elt=document.createElement("DIV");
      elt.innerText=data;
      element.append(elt);
    }
});
0reactions
srinath999commented, Jun 28, 2020

link #84

Read more comments on GitHub >

github_iconTop Results From Across the Web

Documentation: DevExtreme - JavaScript Errors And Warnings
To solve the issue, please submit a ticket to our Support Center. Include your UI component configuration, fake data, and the steps needed...
Read more >
Templates: DevExtreme - JavaScript UI ... - DevExpress
You can achieve the same in the markup using the dxItem component that supports default and custom templates. Do not set the UI...
Read more >
Using DevExtreme Components With the ABP Framework
We can not add DevExtreme js packages to Global Script Bundles, just like done for the CSS files. Because DevExtreme requires to add...
Read more >
devextreme-angular-test - npm package - Snyk
Angular UI and visualization components based on DevExtreme widgets For more information about how to use this ... No known security issues.
Read more >
devextreme - UNPKG
The CDN for devextreme. ... Use it to access other methods of the UI component. ... 693, * Sets a supported template engine...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found