I get a JavaScript error when attempting to use the IgniteUI template engine {{if}} statement in the code below. (I'm using this in an MVC model, when creating a GridModel GridColumn template.)
The first block of script fails with a JavaScript error. The second two blocks work without errors.
The only big difference I can see is that there are two {{if}} statements in the first block of code. If I comment either {{if}} statement out, the code works! But including both {{if}} statements generates an error.
Produces JavaScript error:{{if ${VG_GROUP} == 'True' }}<div class="d-flex align-items-center container" style="white-space: nowrap; font-size: 24pt;">{{else}}<div class="d-flex align-items-center container" style="white-space: nowrap; font-size: 12pt;">{{/if}} {{if ${VG_GROUP} == 'True' }} <img src="trigger-load-images-onerror" width="16" height="16" > {{/if}}</div>
This code works:{{if ${VG_GROUP} == 'True' }}<div class="d-flex align-items-center container" style="white-space: nowrap; font-size: 24pt;">{{else}}<div class="d-flex align-items-center container" style="white-space: nowrap; font-size: 12pt;">{{/if}}</div>
This code also works:<div class="d-flex align-items-center container" style="white-space: nowrap; font-size: 12pt;"> {{if ${VG_GROUP} == 'True' }} <img src="trigger-load-images-onerror" width="16" height="16" > {{/if}}</div>
Hello Ray,
Thank you for posting in our community.
I was looking further into your requirement I found that in our official documenation is stated that sequential if statements are not supported. However, I believe using nested if/else statements can help you achieve your requirement.
Please have a look at the following resource, which I believe you might consider helpful and let me know if you need any further assistance with this matter.
Do not hesitate to contact us if you have any additional questions.
Regards,Viktor KombovEntry Level Software DeveloperInfragistics, Inc.
Would you consider improving the templating engine to include multiple {{if}} statements?
What I can suggest is submitting a new product idea. You can suggest new product ideas for future versions (or vote for existing ones) at http://ideas.infragistics.com.
Steps to create your idea:
1. Log into the Infragistics Product Ideas site at http://ideas.infragistics.com.2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)3. Add your product idea and be sure to be specific and provide as much detail as possible. Explain the context in which a feature would be used, why it is needed, why it can’t be accomplished today, and who would benefit from it. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it. Be convincing!
The benefits of submitting the product idea yourself include:
- Direct communication with our product management team regarding your product idea.- Notifications whenever new information regarding your idea becomes available.
Additional benefits of the product idea system include:- Ability to vote on your favorite product ideas to let us know which ones are the most important to you. You will have ten votes for this and can change which ideas you are voting for at any time.- Allow you to shape the future of our products by requesting new controls and products altogether.- You and other developers can discuss existing product ideas with members of our Product Management team.
The product ideas site allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.
Please, let me know if you have any other questions or concerns.
Regards,Viktor Kombov
Great post. Thank you. Visit my favorite site https://vulkan201.bet/en/game-demo/gates-of-olympus , you'll love it.
This is truly a great article. Thanks for your sharing. Haartransplantatie