ExtJS 4: Test time picker

Ext.create('Ext.form.Panel', {
    title: 'Time Card',
    width: 300,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'timefield',
        id: 'mytimefieldId',
        name: 'in',
        fieldLabel: 'Time In',
        minValue: '00:00 AM',
        maxValue: '11:59 PM',
        increment: 30,
        submitFormat : 'H:i',
        //format: 'H:i',
        value: new Date(),
        anchor: '80%'
    }]
});

Ext.getCmp('mytimefieldId').setValue(new Date())
console.log(Ext.getCmp('mytimefieldId').getSubmitValue())
//console.log(Ext.getCmp('mytimefieldId').value)    

Test Online

http://jsfiddle.net/JAAx7/2/​

jQuery: para Pablon de dgn con cariño - detectar cambio en select con jQuery

    
    $("#miSelect").change(function(){
        //console.log($(this));        
        if($(this).val() == "volvo"){
            $("#miInput").show()       
        }           
    })

Test Online:

http://jsfiddle.net/t5TMQ/

jQuery: ver eventos asignados a un elemento

los eventos se van agregando..

$("#miBoton").click(function(){
    console.log("me tocaron 1 evento")
});
    
$("#miBoton").click(function(){
    console.log("me tocaron 2 evento")
});

$("#miBoton").unbind('click') //saca los clicks
    
$("#miBoton").click(function(){
    console.log("me tocaron 3 evento")
});
    
console.log($("#miBoton").data("events"))    //Object
console.log($("#miBoton").data("events").click.length)​ //1

http://jsfiddle.net/svUFb/5/

ExtJs 4: Cambiar Store de un combobox

var states = Ext.create('Ext.data.Store', {
    fields: ['abbr', 'name'],
    data : [
        {"abbr":"AL", "name":"Alabama"},
        {"abbr":"AK", "name":"Alaska"},
        {"abbr":"AZ", "name":"Arizona"}
        //...
    ]
});

var paises = Ext.create('Ext.data.Store', {
    fields: ['abbr', 'name'],
    data : [
        {"abbr":"AL", "name":"alemani"},
        {"abbr":"RU", "name":"Rusia"},
        {"abbr":"JA", "name":"Japon"}
        //...
    ]
});


var combo = Ext.create('Ext.form.ComboBox', {
    id:'combiId',
    fieldLabel: 'Choose State',
    store: states,
    queryMode: 'local',
    displayField: 'name',
    valueField: 'abbr',
    renderTo: Ext.getBody()
});

states.removeAll();
states.add({"abbr":"P", "name":"Peru"},{"abbr":"Ec", "name":"Ecuador"});

combo.store = paises; //Cambio el estore rck

ExtJS 4: Actualizar combobox dinamicamente

lo hacemos desde su data store:

var states = Ext.create('Ext.data.Store', {
    fields: ['abbr', 'name'],
    data : [
        {"abbr":"AL", "name":"Alabama"},
        {"abbr":"AK", "name":"Alaska"},
        {"abbr":"AZ", "name":"Arizona"}
        //...
    ]
});

var combo = Ext.create('Ext.form.ComboBox', {
    id:'combiId',
    fieldLabel: 'Choose State',
    store: states,
    queryMode: 'local',
    displayField: 'name',
    valueField: 'abbr',
    renderTo: Ext.getBody()
});

states.removeAll();
states.add({"abbr":"P", "name":"Peru"},{"abbr":"Ec", "name":"Ecuador"});

combo.setValue("lalalala");
console.log(combo.getSubmitData()) //object
console.log(combo.getSubmitValue()) //lalalala
    

http://jsfiddle.net/bXTpt/6/

javascript: Tester Online para JavaScript, jQuery, ExtJs, Zepto y mas

Hasta ahora el mejor tester online para javascript y varias librerias.
Enjoy,

http://jsfiddle.net/

javscript: Objeto Global sin necesidad de Instanciar

var Persona = {

       "nombre" : "ricard",
       "edad" : "15",
        
        "esmayorDeEdad": function(){
            return (this.edad) > 18;
        }             
   }
    
    console.log(Persona.esmayorDeEdad());