Скачать или смотреть How to Fix Xrm.WebApi.retrieveMultipleRecords() Not Working on Button Click in HTML Web Resource

Discover why your `Xrm.WebApi.retrieveMultipleRecords()` isn't functioning as expected on button clicks in HTML web resources and learn how to fix it easily!
---
This video is based on the question https://stackoverflow.com/q/71774647/ asked by the user 'ali vandam' ( https://stackoverflow.com/u/16246003/ ) and on the answer https://stackoverflow.com/a/71775315/ provided by the user 'ali vandam' ( https://stackoverflow.com/u/16246003/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Xrm.WebApi.retrieveMultipleRecords() does not work on button click in htmlweb resource

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Resolving the Issue: Xrm.WebApi.retrieveMultipleRecords() on Button Clicks

When working with Dynamics CRM and HTML web resources, you might encounter a frustrating issue: your Xrm.WebApi.retrieveMultipleRecords() function works perfectly upon page load but fails to execute when linked to a button click. In this post, we'll explore the underlying problem and provide a straightforward solution to ensure that your button functions as intended.

Understanding the Problem

In the scenario presented, the user has created an HTML web resource with a basic search interface consisting of:

A label prompting users to enter a search string

A text input field for the search term

A button to initiate the search

While the Xrm.WebApi.retrieveMultipleRecords() function successfully runs when called directly on page load, it fails to work correctly when tied to the button click event. The typical implementation might look something like this:

[[See Video to Reveal this Text or Code Snippet]]

However, upon testing, you might notice that the data retrieval does not occur as expected. This can be attributed to a few fundamental attributes that need to be adjusted in your HTML markup.

The Simple Fix

The solution to this common problem lies in adding a single attribute to your button element. By changing the button type, we can alter its behavior within the document. Here's how you can achieve this:

Step 1: Modify the Button Type

To ensure that your button functions properly in the context of JavaScript, add the attribute type="button" to your button tag:

[[See Video to Reveal this Text or Code Snippet]]

This modification prevents the button from acting like a submit button, which can inadvertently trigger form submission and interrupt your JavaScript functions.

Step 2: Update Your JavaScript Function (if needed)

In your JavaScript, you may not need to make adjustments aside from ensuring that your btnClick() function is correctly wired to handle the button click event. The function itself already looks good:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

By simply adding the type="button" attribute to your button in the HTML, you'll eliminate the issues preventing your Xrm.WebApi.retrieveMultipleRecords() from executing on button clicks. This minor adjustment can make a significant difference in the functionality of your web resource.

If you continue to experience difficulties, double-check other JavaScript errors or conflicts within your code, ensuring all your functions and event listeners are correctly set up.

With this fix, your button should now work flawlessly, allowing you to retrieve and display records as intended!