Acatl Pacheco acatl
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $.widget("ir.itemrenderer", { | |
| options: { | |
| /** type string, name of widget to use as renderer */ | |
| itemRenderer:null, | |
| /** type function, function that will be executed on each iteration*/ | |
| rendererFunction:null, | |
| /** type function, function to process the label that will be used */ | |
| labelFunction:null, | |
| /** type string, name of the field to use as the label */ | |
| labelField:null, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function () { | |
| var itemrendererOptions = { | |
| dataProvider: ["lorem", "lipsum", "dolor", "sit"] | |
| }; | |
| $("#itemrenderer").itemrenderer(itemrendererOptions); | |
| }); |
acatl
/ gist:1098808
Created
July 22, 2011 03:06
itemrenderer example 2: using objects as elements of the dataProvider
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function () { | |
| var itemrendererOptions = { | |
| dataProvider: [ | |
| { | |
| label: "lorem" | |
| }, | |
| { | |
| label: "lipsum" | |
| }, | |
| { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function () { | |
| var itemrendererOptions = { | |
| labelField: "name", | |
| dataProvider: [ | |
| { | |
| name: "lorem" | |
| }, | |
| { | |
| name: "lipsum" | |
| }, |
acatl
/ gist:1098878
Created
July 22, 2011 04:18
itemrenderer example 4.1: using labelFunction option
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var itemrendererOptions = { | |
| labelFunction: function (data, options) { | |
| return "$ " + data.price; | |
| }, | |
| dataProvider: [ | |
| { | |
| name: "lorem", | |
| price: 123.34 | |
| }, | |
| { |
acatl
/ gist:1098891
Created
July 22, 2011 04:31
itemrenderer example 4.2: using labelFunction option using the options argument
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var itemrendererOptions = { | |
| labelField: "name", | |
| labelFunction: function (data, options) { | |
| return data[options.labelField] + " is $ " + data.price; | |
| }, | |
| dataProvider: [ | |
| { | |
| name: "lorem", | |
| price: 123.34 | |
| }, |
acatl
/ gist:1098903
Created
July 22, 2011 04:38
itemrenderer example 5: using rendererFunction option
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var itemrendererOptions = { | |
| labelField: "name", | |
| rendererFunction: function (container, listData) { | |
| if(listData.data.price > 100) { | |
| container.css("color","red"); | |
| } | |
| container.html(listData.label); | |
| }, | |
| dataProvider: [ | |
| { |
acatl
/ gist:1098931
Created
July 22, 2011 05:13
itemrenderer example 6: using the itemRenderer option
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // create a custom widget to be attached to each of the items created. | |
| $.widget("ui.customwidget", { | |
| options: { | |
| listData:null | |
| }, | |
| _create: function (){ | |
| this.element.addClass("ui-customwidget"); | |
| $("<span></span>") | |
| .text(this.options.listData.data.name + " is $" + this.options.listData.data.price) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var requeiredFieldOptions = { | |
| watermarkText: "Enter age here...", | |
| functionValidate: function(value) { | |
| if (parseInt(value) < 18) { | |
| return false; | |
| } | |
| return true; | |
| }, | |
| dataType: "number", | |
| liveCheck: true |
acatl
/ gist:4196153
Created
December 3, 2012 16:38
Parse JS object path that uses dot and bracket notation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| parse = (obj, path) -> | |
| path = path.split(/[\[\]\.]+/) | |
| path.pop() if path[path.length - 1] is "" | |
| while path.length and (obj = obj[path.shift()]) | |
| ; | |
| obj |
OlderNewer