TypeScript jui-core.jui类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中jui-core.jui类的典型用法代码示例。如果您正苦于以下问题：TypeScript jui类的具体用法？TypeScript jui怎么用？TypeScript jui使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了jui类的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: table

/// <reference types="jquery" />

import { jui } from 'jui-core';
import { GridTable, GridXTable, GridRow } from "jui-grid";

jui.ready([ "grid.table" ], (table: GridTable) => {
    const table_1: GridTable = table("#table_1", {
        data: [
            { name: "Hong", age: "20", location: "Ilsan" },
            { name: "Jung", age: "30", location: "Seoul" },
            { name: "Park", age: "15", location: "Yeosu" },
            { name: "Kang", age: "32", location: "Seoul" },
            { name: "Song", age: "12", location: "Gwangju" },
            { name: "Yoon", age: "22", location: "Damyang" },
            { name: "Kim", age: "33", location: "Busan" },
            { name: "Hwang", age: "21", location: "Seoul" }
        ]
    });

    table_1.scroll(100);
});

jui.ready([ "grid.table" ], (table: GridTable) => {
    const table_3: GridTable = table("#table_3", {
        event: {
            expand(row: any, e: any): void {
                $(row.list[0]).html("<i class='icon-right'></i>");
            },
            expandend(row: any, e: any): void {
                $(row.list[0]).html("<i class='icon-left'></i>");
            }

开发者ID:AbraaoAlves，项目名称:DefinitelyTyped，代码行数:31，代码来源:jui-grid-tests.ts

示例2: accordion

jui.ready([
    'ui.accordion',
    'ui.autocomplete',
    'ui.colorpicker',
    'ui.combo',
    'ui.datepicker',
    'ui.dropdown',
    'ui.modal',
    'ui.notify',
    'ui.paging',
    'ui.progress',
    'ui.property',
    'ui.select'
], (
    accordion: UIAccordion,
    autocomplete: UIAutoComplete,
    colorpicker: UIColorPicker,
    combo: UICombo,
    datepicker: UIDatePicker,
    dropdown: UIDropdown,
    modal: UIModal,
    notify: UINotify,
    paging: UIPaging,
    progress: UIProgress,
    property: UIProperty,
    select: UISelect
) => {
    const a: UIAccordion = accordion("#test", {
        multipanel: false
    });

    console.log(a.activeIndex());

    const autoComplete: UIAutoComplete = autocomplete("#test", {
        words : []
    });

    autoComplete.update([]);

    const colorPicker: UIColorPicker = colorpicker("#test", {
        color: '#FFFF00'
    });

    console.log(colorPicker.getColor('hex'));

    const comboInstance: UICombo = combo("#test", {
        keydown: true
    });

    console.log(comboInstance.getValue());

    const datePicker: UIDatePicker = datepicker("#test", {
        type: "daily"
    });

    datePicker.select(Date.now());

    datePicker.select(2016, 1, 2);

    datePicker.select(new Date());

    const dropdownInstance: UIDropdown = dropdown("#test", {
        width: 100
    });

    dropdownInstance.update([]);

    dropdownInstance.hide();

    dropdownInstance.reload();

    const m: UIModal = modal("#test", {autoHide: true});

    m.show();

    const n: UINotify = notify("#test");

    n.add({ title: "Caution message Send!!!", message: "Feb 15, 2013-12-24 02:24:19", color: 'warning' }, 1000);
    n.add({ title: "Caution message Send!!!", message: "Feb 15, 2013-12-24 02:24:19", color: 'success' }, 1000);
    n.reset();

    const p: UIPaging = paging("#test", { count: 100, pageCount : 5 });

    p.first();
    p.last();
    p.next();
    p.prev();
    p.page(10);

    const prog: UIProgress = progress("#test", { striped: true });

    console.log(prog.getValue());

    prog.setValue(100);

    const propertyView: UIProperty = property("#test", {
        items : [
            { type : 'group', title : 'Sample Category'},
            { type : 'text', title : 'Category Name',  key: 'sample-category-name', value : 'test'}
        ]
//.........这里部分代码省略.........

开发者ID:EmmaRamirez，项目名称:DefinitelyTyped，代码行数:101，代码来源:jui-tests.ts

示例3:

import { jui, UtilColor, UtilBase } from "jui-core";

jui.ready(["util.color"], (color: UtilColor) => {
    console.log(color.rgb("#ff0000"));
});

const _: UtilBase = jui.include("util.base");

const str: string = "10";
console.log(_.typeCheck("string", str));

const i: number = 10;
console.log(_.typeCheck("string", i));

开发者ID:IceCreamYou，项目名称:DefinitelyTyped，代码行数:13，代码来源:jui-core-tests.ts

注：本文中的jui-core.jui类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。