acatl

$.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,

acatl

$(function () {
	var itemrendererOptions = {
		dataProvider: ["lorem", "lipsum", "dolor", "sit"]
	};
	$("#itemrenderer").itemrenderer(itemrendererOptions);
});

acatl

$(function () {
	var itemrendererOptions = {
		dataProvider: [ 
			{
				label: "lorem"
			}, 
			{
				label: "lipsum"
			},
			{

acatl

$(function () {
  var itemrendererOptions = {
    labelField: "name",
    dataProvider: [ 
    {
      name: "lorem"
    }, 
    {
      name: "lipsum"
    },

acatl

  var itemrendererOptions = {
    labelFunction: function (data, options) {
      return "$ " + data.price;
    },
    dataProvider: [ 
    {
      name: "lorem",
      price: 123.34
    }, 
    {

acatl

  var itemrendererOptions = {
    labelField: "name",
    labelFunction: function (data, options) {
      return data[options.labelField] + " is $ " + data.price;
    },
    dataProvider: [ 
    {
      name: "lorem",
      price: 123.34
    }, 

acatl

  var itemrendererOptions = {
    labelField: "name",
    rendererFunction: function (container, listData) {
      if(listData.data.price > 100) {
        container.css("color","red");
      }
      container.html(listData.label);
    },
    dataProvider: [ 
    {

acatl

// 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)

acatl

var requeiredFieldOptions = {
    watermarkText: "Enter age here...",
    functionValidate: function(value) {
        if (parseInt(value) < 18) {
            return false;
        }
        return true;
    },
    dataType: "number",
    liveCheck: true

acatl

parse = (obj, path) ->
    path = path.split(/[\[\]\.]+/)
    path.pop()  if path[path.length - 1] is ""
    while path.length and (obj = obj[path.shift()])
        ;
    obj