帶有超鏈接的ExtJs組合框顯示字段

我想要帶有超鏈接的組合框顯示字段值。所選的組合框值應該以超鏈接顯示，如果我單擊所選的組合框值，它將在新選項卡中打開。帶有超鏈接的ExtJs組合框顯示字段

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:'' 
});

在此先感謝。

來源

2013-10-23 abhishek

不知道我理解你想在這裏做的，由_「打開一個新的標籤」 _你的意思是打開一個新的瀏覽器標籤/窗口顯示鏈接是什麼？或者你想爲[TabPanel]打開一個新的[Tab]（http://docs-origin.sencha.com/extjs/4.2.1/#）（http://docs-origin.sencha.com/extjs /4.2.1/#!/api/Ext.tab.Panel）？ – overlordhammer

我想打開一個新的瀏覽器標籤來顯示鏈接。 – abhishek

您可以使用'Ext.XTemplate'將超鏈接添加到組合框顯示字段，但用戶必須按Ctrl +單擊它才能在新選項卡中打開它。

樣品在這裏：https://fiddle.sencha.com/#fiddle/146

來源

2013-10-23 09:52:32 newmount

謝謝@newmount。但是超鏈接只能在下拉菜單中使用。選擇顯示字段後，超鏈接消失。我想要超鏈接的選定顯示字段。 – abhishek

將** target =「_ blank」**添加到鏈接解決了ctrl + click問題 – overlordhammer

@abhishek檢查此問題：http://stackoverflow.com/questions/9016859/extjs-4-render-html-of-a-選擇價值-IN-A-組合框 – newmount

帶有超鏈接的ExtJs組合框顯示字段

回答

相關問題