Webix ui datatable in Iframe refresh not working

Hi,Webix Teams,
I have Some question ,
When I use Iframe to load webix ui(first time can load & render, but second times not working)

 <iframe     src="/src/views/demo/index.html"     id="htmlref"     name="myiframe"        frameborder="0"           width="100%" scrolling="no"  style="min-height: 500px"
 ref="htmlref"     @load="loaded"  >   </iframe>

I PostMessage to iframe and trigger webix.ui,
datatable load data, view parse(data) not working
clearAll、refresh All not working


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript" src="//cdn.webix.com/edge/webix.js"></script>
        <link rel="stylesheet" type="text/css" href="//cdn.webix.com/edge/webix.css" />   
    </head>
    <body>
        <script type="text/javascript" charset="utf-8">
            var parentData;
            window.addEventListener("message", function (event) {
                var data = event.data;
                switch (data.cwd) {
                    case "sendMsg":
                        parentData = data.params.data;
                        getIframe(parentData);
                        break;
                }
            });
            function getIframe(parentData) {
                webix.ready(() => {  
                    webix.ui({
                        rows: [ {
                                view: "datatable",
                                css: "webix_shadow_medium",
                                columns: [],
                                css: "webix_header_border webix_data_border",
                                drag: true,
                                resizeColumn: true,
                                resizeRow: true,
                                dragColumn: true,
                                undo: true,
                                sort: "multi",
                                editable: true,
                                headermenu: { width: 250, height: 300, autoheight: false, scroll: true },
                                on: {},
                                url: {
                                    $proxy: true,
                                    load: function (view) {
                                        var data = parentData;
                                        try {
                                            if(data.length<1000){
                                                view.parse([]); -->not working
                                                view.refresh(); -->not working    
                                            }else{
                                                view.parse(data);
                                        view.refresh();
                                            }
                                        } catch (error) {
                                            console.log(error)
                                        }},
                                    },
                            },
                        ],
                    });
                });
            }
        </script>
    </body>
</html>

whats the best way to do this? thank you