mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
116 lines
2.4 KiB
TypeScript
Executable File
116 lines
2.4 KiB
TypeScript
Executable File
//ajax operations
|
|
webix.ready(function(){
|
|
webix.ajax().get("te").then(function(){
|
|
webix.message( webix.env.isFF ? "FireFox" : "Other" );
|
|
});
|
|
});
|
|
|
|
//webix helpers
|
|
webix.html.addCss(document.body, "text");
|
|
webix.storage.local.get("mydata");
|
|
|
|
var proxy = webix.proxy("meteor", "books");
|
|
|
|
//webix ui helpers
|
|
webix.ui.zIndexBase = 101;
|
|
webix.ui.zIndex();
|
|
webix.ui.resize();
|
|
|
|
//webix ui constructor
|
|
//basic view
|
|
var ui = webix.ui({
|
|
view:"list", id:"l1"
|
|
});
|
|
ui.adjust();
|
|
$$("l1").adjust();
|
|
|
|
var l1 = <webix.ui.list>{};
|
|
var l2 = <webix.ui.view>{};
|
|
|
|
//specific view types
|
|
var ui2 = <webix.ui.list> webix.ui({
|
|
view:"list", id:"21"
|
|
});
|
|
ui2.add({ value:"100" });
|
|
|
|
//specific types by id
|
|
var list = <webix.ui.list> $$("l1");
|
|
list.add({ value:"100" });
|
|
list.config.height = 100;
|
|
|
|
|
|
|
|
|
|
//config typing
|
|
var table:webix.ui.datatableConfig = {};
|
|
table.columns = [];
|
|
table.autowidth = true;
|
|
|
|
webix.ui({ rows:[ table ] });
|
|
|
|
//events
|
|
list.attachEvent("onItemClick", function(id:string, e:Event){
|
|
var item = (<webix.ui.list>this).getItem(id);
|
|
var self = webix.$$(e);
|
|
return true;
|
|
});
|
|
|
|
//data collections
|
|
var data = new webix.DataCollection();
|
|
data.config["test"]= 123;
|
|
|
|
//mixins
|
|
var t = webix.DataDriver.json;
|
|
|
|
//each ui type has its own events and config options
|
|
var tObj = <webix.ui.treetable> $$("table");
|
|
tObj.attachEvent("onAfterOpen", () => false);
|
|
tObj.config.threeState = false;
|
|
|
|
var mObj = <webix.ui.submenu> $$("menu");
|
|
mObj.attachEvent("onMenuItemClick", () => false);
|
|
mObj.config.submenuConfig = {};
|
|
|
|
//template cna be a function or a string
|
|
mObj.config.template = "";
|
|
mObj.config.template = (obj) => obj.str;
|
|
|
|
|
|
//getList return a list
|
|
var suggestBox = <webix.ui.suggest>$$("suggest");
|
|
var list = suggestBox.getList()
|
|
var listData = list.serialize();
|
|
|
|
//creating a new UI
|
|
|
|
//this is public interface
|
|
interface myUI extends webix.ui.list{
|
|
customApi():number;
|
|
}
|
|
//and this is the actual implementations
|
|
var next = webix.protoUI({
|
|
name:"myUI",
|
|
customApi(){
|
|
webix.message("test");
|
|
return 1;
|
|
}
|
|
}, webix.ui.list, webix.EditAbility, webix.EventSystem);
|
|
|
|
//test method of new UI
|
|
var my = <myUI>webix.ui({
|
|
view:"myUI"
|
|
});
|
|
var tn:number = my.customApi();
|
|
|
|
//datastore
|
|
var t = my.data.getItem(1)
|
|
var mSize = webix.html.getTextSize( [].concat(my.data.order).map((a) => a.value ))
|
|
|
|
//filters
|
|
namespace webix.ui.datafilter{
|
|
var avgColumn = webix.extend({
|
|
refresh:function(){
|
|
}
|
|
}, webix.ui.datafilter.summColumn)
|
|
}
|