ASPRunnerPro comes with a built-in AJAX-based functionality:
•You can easily search for information with a Google-like auto-suggest feature.
•If you want to see the details records, you can only mouse over the link, so you don't need to proceed to the Details page.
•You can choose an option from a lookup-enabled field. The options are refreshed each time you type something into the text box. Web pages with AJAX-driven dependent dropdown boxes are loaded faster.
Note: if you don't want to use the AJAX-based functionality, change the useAJAX and suggestAllContent variables value in the include\appsettings.asp file to false.
This feature is similar to Google search suggestions; it makes your generated app more user-friendly.
To see how it looks like, begin typing in the search box. The picture below demonstrates the search suggest feature on the Basic search page:
On the Advanced search page, the search suggest looks like this:
The Auto-Suggest feature comes in two versions. By default, the search suggest results include all values which contain the search phrase. If you want to be shown only the values beginning with the search phrase, you should add the following code to AfterAppInit event:
Note: if a field is hidden/not shown on some page (list/view/add/edit/export), then the field values do not appear in the search suggest results. This is done to secure confidential data like passwords and credit card numbers.
In ASPRunnerPro, dependent dropdown boxes are AJAX driven. The content of the dropdown boxes is loaded in real-time using AJAX technologies instead of loading all the content upon the initial opening of the web page. This means web pages are loaded faster.
In ASPRunnerPro, you can see the details records preview directly on the List page. All you need to do is to mouse over the link. The following picture demonstrates how the details preview looks like:
The number of records in the details preview is limited. Only the first ten details are displayed. If there is an image in the details, then only the first five details records are displayed.
For more information about how to enable the details records preview, see Master-details relationship.
This feature is added to facilitate searching through a large amount of data. You can choose a value from the AJAX popup which is refreshed each time you type in the text box, instead of searching through all the values in the dropdown boxes.
To turn on this feature, you should select the Edit box with AJAX popup checkbox on the "Edit as" settings tab of the selected field.
After you build your project, you can see how it works on the Edit, Add, and Search pages. When you begin to type in the Edit box, an AJAX popup appears, and you can choose the value from the suggest list.
Note: if you type in the value that doesn't exist in the database and click away, the border of the text box changes color to red. When you correct the value, the border changes back.
The application looks for the occurrence of the typed in string anywhere in the list. For example, when you enter co, it can show both Corolla and Accord. If you want to change this behavior and make it look for the values starting with the entered value, i.e., Corolla only, add the following code to the AfterAppInit event:
If you try to submit the form with a wrong value entered in the text box, the form is instead submitted with the previous correct value entry.
This option enables AJAX search, pagination and sorting that allows updating data without reloading the entire page.
To turn this feature on, proceed to the Choose pages screen and click the Settings button next to the List page checkbox. Then select the AJAX search, pagination and sorting checkbox.