0
回答
用ExtJs4的MVC模式构建的项目,Viewport下面的panel怎么加入scrollbar
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

直接上代码:

viewport的代码:

Ext.define('DT.view.Viewport', {
    extend: 'Ext.Viewport',
    layout: 'border',
    minWidth: 1300,
    minHeight: 400,


    requires: [
        'DT.view.Header',
        'DT.view.Main'
    ],


    initComponent: function() {
        var me = this;


        Ext.apply(me, {
            border: false,
            items: [
                Ext.create('DT.view.Header'),
                Ext.create('DT.view.Main')
            ]
        });


        me.callParent(arguments);
    }
});

我的这个帕panel在DT.view.Main中,所有下面是main里面的代码:

Ext.define('DT.view.Main', {
    extend: 'Ext.Container',
    alias: 'widget.main',


    requires: [
        'DT.view.district.District',
        "DT.view.realtime.RealTime",
        'DT.view.shareheat.ShareHeat',
        'DT.view.analysis.Analysis',
        'DT.view.report.Report',
        'DT.view.remotecontrol.Remotecontrol',
        'DT.view.breakdown.Breakdown'
    ],


    initComponent: function() {
        var me = this;


        Ext.apply(me, {
            region: "center",
            padding:10,
            layout: 'card',
            items: [
                {xtype: "district"}
            ]
        });


        me.callParent(arguments);
    }
});

然后是在"DT.view.realtime.RealTime"里面,代码如下:

Ext.define("DT.view.realtime.RealTime", {
    extend: 'Ext.panel.Panel',
    alias: 'widget.realTime',
    initComponent : function() {
        var me = this;
        var temp;
        var totalCount;
        var total;
        var a = '<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">' +
                '<image x="0" y="180" width="136" xlink:href="/assets/images/heatstation.png"' +
                'height="146" preserveAspectRatio="none"/>'
        var lineOne = '<line x1="100" y1="235" x2="1240" y2="235" style="stroke:rgb(99,99,99);stroke-width:2"/>'
        var lineTwo = '<line x1="100" y1="275" x2="1240" y2="275" style="stroke:rgb(99,99,99);stroke-width:2"/>'
        
        Ext.apply(me, {
            itemId : 'realTime'

            me.body.dom.innerHTML = a + total + lineOne + lineTwo + "</svg>";
        });


        me.callParent();
    }
});

这是我的部分代码,我想在我的realTime这个界面显示scrollbar,根据我画的线的长度,调节scrollbar的长度。

试了好多方法,都没成功。

不知道有没有高手可以点拨我一下吗?

举报
虞峭峭
发帖于4年前 0回/341阅
顶部