-1

GoJS ライブラリと ExtJS を使用してダイアグラム アプリを構築しています。

GoJS は、div へのレンダラーである必要があります。

<div id="myDiagram" class="diagramStyle"></div>

そして、この div を取得してパネル (タブ パネル) に挿入します。

Ext.onReady(function () {

    Ext.create('Ext.container.Viewport', {
        layout: 'border',
        items: [
            {
                region: 'north',
                xtype: 'toolbar',
                padding: '5px',
                height: 45,
                items: [
                    'MyApp'
                ]
            },
            {
                region: 'center',
                xtype: 'tabpanel',
                margin: '5px',
                items: [
                    {
                        xtyope: 'panel',
                        title: 'panel1',
                        contentEl: Ext.get(myDiagram)
                    },
                    {
                        xtyope: 'panel',
                        title: 'panel2'
                    }
                ]
            }
        ]
    });

});

しかし、このアプローチは機能しませんでした。ダイアグラムをクリックして編集すると、いくつかのエラーが発生します。

   window.MSGesture && (a.po = new window.MSGesture, a.po.target = b, b.addEventListener("pointerdown", function(b) {
        a.po.addPointer(b.pointerId)

これを修正する方法はありますか？またはそれを行うためのより良い方法はありますか？

前もって感謝します！

4

1 に答える 1

0

あなたが試すことができます：

Ext.onReady(function () {
    Ext.create('Ext.container.Viewport', {
        layout: 'border',
        items: [
            {
                region: 'north',
                xtype: 'toolbar',
                padding: '5px',
                height: 45,
                items: [
                    'MyApp'
                ]
            },
            {
                region: 'center',
                xtype: 'tabpanel',
                margin: '5px',
                items: [
                    {
                        xtype: 'panel',
                        title: 'panel1',
                        html: '<div id="myDiagram" class="diagramStyle"></div>'
                    },
                    {
                        xtype: 'panel',
                        title: 'panel2'
                    }
                ]
            }
        ]
    });

    var $ = go.GraphObject.make;
    var myDiagram = $(go.Diagram, "myDiagram", {
      // properties...
    });
});

パネルの html プロパティに注意してください

于 2015-07-09T17:43:29.623 に答える