本文整理汇总了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>");
}示例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'}
]
//.........这里部分代码省略.........
示例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));