图纸反序列化有两种方式，数据模型dm或拓扑视图view：dataModel.deserialize(json)、graphView.deserialize(json)

最新推荐文章于 2024-08-12 13:45:33 发布

IOTOS

最新推荐文章于 2024-08-12 13:45:33 发布

阅读量243

点赞数

本文链接：https://blog.csdn.net/IOTOS/article/details/127103517

版权

ht for web深度开发实践专栏收录该内容

63 篇文章 36 订阅

订阅专栏

该博客介绍了如何使用JavaScript的ht库加载和反序列化JSON数据来创建和更新图形视图。两种方法被提及，一种是通过数据模型`dataModel.deserialize(json)`，另一种是直接使用`graphView.deserialize(json)`并提供回调函数进行额外处理。在使用数据模型反序列化时需要注意，如果图形视图的属性中包含代码并引用了gv参数，可能会导致错误。

摘要由CSDN通过智能技术生成

典型代码分别如下：

JavaScript
function init() {
    dataModel = new ht.DataModel();
    graphView = new ht.graph.GraphView(dataModel);
    graphView.addToDOM();
    let url = 'displays/admin/AiotOS/adApps/MQTT客户端.json';
    ht.Default.xhrLoad(url, function(text) {
        var json = ht.Default.parse(text);
        dataModel.deserialize(json);    //数据模型来反序列化加载图纸！
    });
}

JavaScript
function init() {
    dataModel = new ht.DataModel();
    graphView = new ht.graph.GraphView(dataModel);
    graphView.addToDOM();

    let url = 'displays/admin/AiotOS/adApps/MQTT客户端.json';
    ht.Default.xhrLoad(url, function(text) {
        var json = ht.Default.parse(text);
        直接加载
        //graphView.deserialize(json);
        //或者传入加载完成后反序列化后回调函数
        graphView.deserialize(json, function(json, dm, gv, datas) {
            //反序列化后处理
        })
    }
}

注意：如果用数据模型来反序列化：dataModel.deserialize(json)，如果在图纸的反序列化后的属性中有代码并且调用到传入的gv参数，那么会报错！

dataModel.deserialize加载图纸，编辑器中配置的图纸反序列化后函数会被调用到，但默认无传参！

graphView.deserialize加载图纸反序列化后的回调函数，与图纸的onPostDeserialize反序列化函数，图纸优先调用，然后是代码的回调函数调用。

IOTOS

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
图纸反序列化有两种方式，数据模型dm或拓扑视图view：dataModel.deserialize(json)、graphView.deserialize(json)

graphView.deserialize加载图纸反序列化后的回调函数，与图纸的onPostDeserialize反序列化函数，图纸优先调用，然后是代码的回调函数调用。注意：如果用数据模型来反序列化：dataModel.deserialize(json)，如果在图纸的反序列化后的属性中有代码并且调用到传入的gv参数，那么会报错！let url = 'displays/admin/AiotOS/adApps/MQTT客户端.json';//或者传入加载完成后反序列化后回调函数。
复制链接

扫一扫