看看欧美一级视频酷狗

Sets or gets the autoUpdate property.

import { Component } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250" [autoUpdate]="true">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent {
    
}

Sets or gets the disabled property.

import { Component } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250" [disabled]="true">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent {
    
}

Sets or gets the height property.

import { Component } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent {
    
}

Sets or gets the rtl property.

import { Component } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250" [rtl]="true">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent {
    
}

enum PanelSizeMode {
     fixed,
     wrap
}

Sets or gets the sizeMode property.

import { Component } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250" [sizeMode]="'wrap'">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent {
    
}

Sets or gets the scrollBarSize property.

import { Component } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250" [scrollBarSize]="20">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent {
    
}

Sets or gets the theme property.

import { Component } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250" [theme]="'energyblue'">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent {
    
}

Sets or gets the width property.

import { Component } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent {
    
}

import { Component, ViewChild, AfterViewInit } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent implements AfterViewInit {
    @ViewChild('myPanel') myPanel: jqxPanelComponent; 
 

    ngAfterViewInit(): void 
    {
        this.myPanel.append(document.createElement('div'));
    }

    
}
							

						

import { Component, ViewChild, AfterViewInit } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent implements AfterViewInit {
    @ViewChild('myPanel') myPanel: jqxPanelComponent; 
 

    ngAfterViewInit(): void 
    {
        this.myPanel.clearcontent();
    }

    
}
							

						

import { Component, ViewChild, AfterViewInit } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent implements AfterViewInit {
    @ViewChild('myPanel') myPanel: jqxPanelComponent; 
 

    ngAfterViewInit(): void 
    {
        this.myPanel.destroy();
    }

    
}
							

						

import { Component, ViewChild, AfterViewInit } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent implements AfterViewInit {
    @ViewChild('myPanel') myPanel: jqxPanelComponent; 
 

    ngAfterViewInit(): void 
    {
        this.myPanel.focus();
    }

    
}
							

						

import { Component, ViewChild, AfterViewInit } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent implements AfterViewInit {
    @ViewChild('myPanel') myPanel: jqxPanelComponent; 
 

    ngAfterViewInit(): void 
    {
        let value = this.myPanel.getScrollHeight();
    }

    
}
							

						

import { Component, ViewChild, AfterViewInit } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent implements AfterViewInit {
    @ViewChild('myPanel') myPanel: jqxPanelComponent; 
 

    ngAfterViewInit(): void 
    {
        let value = this.myPanel.getVScrollPosition();
    }

    
}
							

						

import { Component, ViewChild, AfterViewInit } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent implements AfterViewInit {
    @ViewChild('myPanel') myPanel: jqxPanelComponent; 
 

    ngAfterViewInit(): void 
    {
        let value = this.myPanel.getScrollWidth();
    }

    
}
							

						

import { Component, ViewChild, AfterViewInit } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent implements AfterViewInit {
    @ViewChild('myPanel') myPanel: jqxPanelComponent; 
 

    ngAfterViewInit(): void 
    {
        let value = this.myPanel.getHScrollPosition();
    }

    
}
							

						

import { Component, ViewChild, AfterViewInit } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent implements AfterViewInit {
    @ViewChild('myPanel') myPanel: jqxPanelComponent; 
 

    ngAfterViewInit(): void 
    {
        this.myPanel.prepend(document.createElement('div'));
    }

    
}
							

						

import { Component, ViewChild, AfterViewInit } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent implements AfterViewInit {
    @ViewChild('myPanel') myPanel: jqxPanelComponent; 
 

    ngAfterViewInit(): void 
    {
        this.myPanel.remove(document.querySelector('label'));
    }

    
}
							

						

import { Component, ViewChild, AfterViewInit } from "@angular/core";
 
@Component({
    selector: "app-root",
    template: `
        <jqxPanel #myPanel 
            [width]="350" [height]="250">
            <div style="margin: 10px;">
                <h3>Early History of the Internet</h3>
            </div>
            <div style="white-space: nowrap;">
                <ul>
                    <li>1961 First packet-switching papers</li>
                    <li>1966 Merit Network founded</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Merging the networks and creating the Internet</h3>
            </div>
            <div>
                <ul>
                    <li>1981 Computer Science Network (CSNET)</li>
                    <li>1982 TCP/IP protocol suite formalized</li>
                </ul>
            </div>
            <div style="margin: 10px;">
                <h3>Popular Internet services</h3>
            </div>
            <div>
                <ul>
                    <li>1990 IMDb Internet movie database</li>
                    <li>1995 Amazon.com online retailer</li>
                </ul>
            </div>
        </jqxPanel>
    `
})
 
export class AppComponent implements AfterViewInit {
    @ViewChild('myPanel') myPanel: jqxPanelComponent; 
 

    ngAfterViewInit(): void 
    {
        this.myPanel.scrollTo(20,20);
    }

    
}