Basic Methods
Function |
Sample |
Result |
---|---|---|
[string].limitTo(number) |
"12345".limitTo(3) |
123... |
[string].getNumbers(string) |
"a12 (34)-5".getNumbers() |
12345 |
[string].removeChars(string) |
"12345".removeChars('24') |
135 |
[string].removeSpecialChars() |
"áèïôû".removeSpecialChars() |
aeiou |
[string].padLeft(number, char) |
"123".padLeft(5,'0') |
00123 |
[string].padRight(number, char) |
"123".padRight(5,'0') |
12300 |
isNull(value, default, callback?) |
isNull(null, 'value1') |
value1 |
isNull(null, 10, elapsedTime) |
10 m |
|
isNull(120, 0, elapsedTime) |
2 h |
Formatting Methods
Function |
Sample |
Result |
---|---|---|
[string].maskFormat(string) |
"1112223333".maskFormat("phone") |
(111) 222-3333 |
"11122233399".maskFormat("cpf") |
111.222.333-99 |
|
"11222333444455".maskFormat("cnpj") |
11.222.333/4444-55 |
|
"11222333".maskFormat("cep") |
11222-333 |
|
dateFormat(date, {options}) |
dateFormat(new Date(2016, 11, 31, 17, 35, 55)) |
2016-12-31 17:35:55 |
dateFormat(new Date(2016, 11, 31, 22, 30, 0), { timeFormat: "h:m"}) |
2016-12-31 22:30 |
|
dateFormat("2016-06-02T02:15:00Z", { dateFormat: "d/m/Y", timeFormat: "h:m:s" }) |
02/06/2016 02:15:00 |
|
elapsedTime(minutes) |
elapsedTime(175) |
2 h 5 m |
$("#sample-elapsedTime").elapsedTime() |
10 m |
Array Methods
Function |
Sample |
Result |
---|---|---|
[array].orderBy(string, string) |
[array].orderBy("name","asc") |
{name: Apple} {name: Banana} {name: Grape} |
[array].orderBy("name","desc") |
{name: Grape} {name: Banana} {name: Apple} |
|
[array].orderBy(string[], string[]) |
[array].orderBy(["price","name"], ["asc","desc"]) |
{name: Grape, price: 2} {name: Banana, price: 2} {name: Apple, price: 3} |
[array].enumerate() |
[array].enumerate() |
{_id:1, name: Apple} {_id:2, name: Banana} {_id:3, name: Grape} |
[array].where(string, object) |
[array].where("price", 2) |
{name: Banana, price: 2} {name: Grape, price: 2} |
[array].where(function) |
[array].where(function(obj){ return obj.name.indexOf("e") >= 0; }) |
{name: Apple, price: 3} {name: Grape, price: 2} |
Useful Methods
Function |
Sample |
Result |
---|---|---|
getProperty(string, object) |
getProperty("name", {name:"Gustavo", age: 19}) |
Gustavo |
getProperty(string, object) |
getProperty("car.color", { name: "Gustavo", age: 19, car: { color: "Black" }}) |
Black |
Forms Methods
Function |
Sample |
Result |
---|---|---|
enableAll(string, object) |
$("#myForm").enableAll(); |
Enable all elements inside |
disableAll(string, object) |
$("#myForm").disableAll(); |
Disable all elements inside |
readForm() |
var model = $("#myForm").readForm(); |
Read all elements values. Elements needs to use the "data-property" attribute |
writeForm() |
var model = $("#myForm").writeForm({object}); |
Fill all elements based on "data-property" attribute |
clearForm() |
$("#myForm").clearForm(); |
Reset all elements |
valid() |
$("#myForm").valid(); |
Validate all elements |
BUBBLE MESSAGE
$(document).ready(function () { var title = "Success"; var message = "This is a sample message."; var css = "success"; //-- success|info|error|alert var position = "top-right"; //-- top-right|top-left|bottom-right|bottom-left var seconds = 2; showBubble(title, message, css, position, seconds); });
CSS - Grid Layout
CSS - Forms Layout
CSS - Horizontal Menu
CSS - Buttons
CSS - Tile Buttons
CSS - Tags
New New New New