ExtJs combobox dispalyfield with hyperlink

Posted by abhishek on Stack Overflow See other posts from Stack Overflow or by abhishek
Published on 2013-10-23T08:49:28Z Indexed on 2013/10/23 9:54 UTC
Read the original article Hit count: 210

Filed under:
|
|

I want combobox displayfield value with hyperlink. The selected combobox value should display with a hyperlink, if I click that selected combobox value then it will open in a new tab.

var multiComboMap = Ext.create('Ext.form.field.ComboBox', {
    fieldLabel: 'Select multiple states',
    renderTo: 'combo-map',
    multiSelect: true,
    //disabled: true,
    displayField:'locationMap',
    valueField:'locationId',
    id:'combo-map',
    width: 500,
    labelWidth: 130,
    emptyText: 'To view map select it',
    store: Ext.create('Ext.data.Store', //get data for the combobox
            {

        fields: [
            {

                name: 'locationId',
                type: 'int'
            },{
                name: 'locationName', 
                type: 'string'
            },{
                name: 'locationMap', 
                type: 'string'
            }
        ],

        proxy: {
            type: 'ajax',
            //url: '../data/users.asp',
            url: '/AOP_MEETING/venueMaster.json',
            reader: {
                type: 'json',
                root: 'venueMasterc'
            }
        },                            
        autoLoad: true
    }),
   triggerAction:'all',
   mode:'local',
   typeAhead: true,
   lastQuery:''
});

Thanks in advance.

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about combobox