• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript jui-core.jui类代码示例

原作者: [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;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript jui-grid.GridTable类代码示例发布时间:2022-05-25
下一篇:
TypeScript jszip.loadAsync函数代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap