javascript - Syncfusion 控件未在 iOS native UIWebView 上加载

Question

我有一个使用 ASP.NET MVC 构建的 Web 应用程序，并在其中使用了 Syncfusion 控件。另外，我正在使用 native WebView 构建 iOS 和 Android 应用程序。

我目前面临的问题是 Syncfusion 控件无法在 iOS 原生 UIWebView 上工作，但在 Android Webview 和其他 Web 浏览器上工作正常。

[Error] TypeError: null is not an object (evaluating 't[1]') getBrowserDetails (ej.web.all.min.js:10:2620892) setWidthToColumns (ej.web.all.min.js:10:2713042) _completeAction (ej.web.all.min.js:10:2705521) sendDataRenderingRequest (ej.web.all.min.js:10:2703872) _renderGridContent (ej.web.all.min.js:10:2684094) render (ej.web.all.min.js:10:2674498) _initGridRender (ej.web.all.min.js:10:2664775) _checkDataBinding (ej.web.all.min.js:10:2631224) _init (ej.web.all.min.js:10:2626321) (anonymous function) (ej.web.all.min.js:10:19759) (anonymous function) (ej.web.all.min.js:10:20802) (anonymous function) (actelion-test.pulselinks.com:995)

只有具有 SyncFusion 控制的页面才会抛出上述错误。由于该错误页面无法在 WebView 中加载所需的脚本，并且应用程序无法按预期工作

我当前的 Syncfusion 脚本 ej.web.all.min.js 版本是 14.2。

如果您让我知道为什么会出现上述错误以及如何解决该错误，将会非常有帮助？

感谢高级人员的帮助。

Answer 1

我们可以看到您在 IOS 平台中从 Cordova 浏览器启动 Grid 时面临一些复杂性。我们可以通过更改 getBrowserDetails 的功能来解决这个问题，如以下代码示例所示。

<script>

    $(function () { 
        . ..  
        var getBrowsedtls = function () { 
            var b = navigator.userAgent.match(/(firefox|chrome|opera|msie|safari|ipad|iphone|ipod touch|android|)\s?\/?(\d+(.\d+)*)/i); 
            if (!!navigator.userAgent.match(/Trident\/7\./)) 
                return { browser: "msie", version: $.uaMatch(navigator.userAgent).version }; 
            return { browser: b[1].toLowerCase(), version: b[2] }; 
        }; 
        $("#test").ejGrid({ 
            dataSource: values, 
         . . . . 
            showSummary: false, 
            load: function(args){ 
                this.getBrowserDetails = getBrowsedtls; 
            }, 
          .  . . 
        }); 
    });
</script>

我们更改了网格加载事件中的方法详细信息。请参阅以下 API 引用。

https://help.syncfusion.com/api/js/ejgrid#events:load