Upon taking over a project involving ASP.Net AJAX and JSON, I encountered an issue on a page that loads a large select (combo box) list of 1,430 entries. This list loads successfully on our main search page but produces an error in MicrosoftAjaxTemplates.debug.js when accessing edit or insert pages that involve ajax data binding.
The Problem: The error message reads "Microsoft JScript runtime error:" without further information provided. The error occurs within the function Sys$UI$Template$compile() on a specific line involving element._msajaxtemplate.
A snippet of the HTML content for the element contains the select list with a multitude of options, totaling 1,430 entries. When this full data set is included, the error appears. However, reducing the data amount eliminates the error temporarily.
Potential Solution Attempted: In an effort to troubleshoot, I tried loading the data on the focus of the select list instead. While this approach worked on the main page, it failed on PrettyPhoto pages where the select list appeared empty despite JSON data being retrieved.
Further investigation revealed similarities with issues encountered using PrettyPhoto in the past, hinting at a possible DOM element creation conflict triggering the problem with the select list. However, as of yet, the solution remains unknown.
Debugging Details: Disabling pretty photo did not resolve the issue, suggesting that the problem lies in the binding process related to the volume of data. The error persists in IE 9 or 8 but functions correctly in FireFox and Chrome.
Seeking guidance to navigate through this troubling issue has proven challenging. Any insights or suggestions to steer towards a resolution would be greatly appreciated.