Basic Methods
Function |
Sample |
Result |
---|---|---|
[string].limitTo(number) |
"12345".limitTo(3) |
|
[string].getNumbers(string) |
"a12 (34)-5".getNumbers() |
|
[string].removeChars(string) |
"12345".removeChars('24') |
|
[string].removeSpecialChars() |
"áèïôû".removeSpecialChars() |
|
[string].padLeft(number, char) |
"123".padLeft(5,'0') |
|
[string].padRight(number, char) |
"123".padRight(5,'0') |
|
isNull(value, default, callback?) |
isNull(null, 'value1') |
|
isNull(null, 10, elapsedTime) |
||
isNull(120, 0, elapsedTime) |
Formatting Methods
Function |
Sample |
Result |
---|---|---|
[string].maskFormat(string) |
"1112223333".maskFormat("phone") |
|
"11122233399".maskFormat("cpf") |
||
"11222333444455".maskFormat("cnpj") |
||
"11222333".maskFormat("cep") |
||
dateFormat(date, {options}) |
dateFormat(new Date(2016, 11, 31, 17, 35, 55)) |
|
dateFormat(new Date(2016, 11, 31, 22, 30, 0), { timeFormat: "h:m"}) |
||
dateFormat("2016-06-02T02:15:00Z", { dateFormat: "d/m/Y", timeFormat: "h:m:s" }) |
||
elapsedTime(minutes) |
elapsedTime(175) |
|
$("#sample-elapsedTime").elapsedTime() |
10 |
Array Methods
Function |
Sample |
Result |
---|---|---|
[array].orderBy(string, string) |
[array].orderBy("name","asc") |
|
[array].orderBy("name","desc") |
||
[array].orderBy(string[], string[]) |
[array].orderBy(["price","name"], ["asc","desc"]) |
|
[array].enumerate() |
[array].enumerate() |
|
[array].where(string, object) |
[array].where("price", 2) |
|
[array].where(function) |
[array].where(function(obj){ return obj.name.indexOf("e") >= 0; }) |
Useful Methods
Function |
Sample |
Result |
---|---|---|
getProperty(string, object) |
getProperty("name", {name:"Gustavo", age: 19}) |
|
getProperty(string, object) |
getProperty("car.color", { name: "Gustavo", age: 19, car: { color: "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