如何讓Extjs Button查找鏈接？

我想要在Extjs中創建一個鏈接，或者讓一個按鈕看起來像一個鏈接，並在懸停時看到按鈕。他們使用代碼編輯器按鈕和實時預覽按鈕在文檔中執行此操作。如何讓Extjs Button查找鏈接？

enter image description here

如果他們做到這一點使用CSS，我該用什麼CSS以及何時/如何我申請了嗎？

2012-09-17 Jerinaw

哪個CSS應用取決於所使用的HTML。請顯示HTML，也許有人可以提供幫助。 –

我不確定你的意思。我只想要一個按鈕在Sencha文檔中的功能。 http://docs.sencha.com/ext-js/4-1/#!/api/Ext.button.Button。在整個文檔中，他們擁有代碼編輯器和Live Privew按鈕，直到您將鼠標懸停在它們上方之前，它們看起來都不像按鈕。 – Jerinaw

使用瀏覽器調試器，右鍵單擊元素，檢查CSS。它在那裏。 –

我記得有一個名爲linkButton的擴展。你可以參考extjs論壇here

來源

2012-09-18 08:44:22

這不適用於extjs 4.或者至少是我找到的那些。 – Jerinaw

我最近想要一個LinkButton組件。我試圖找到一個沒有任何運氣的預先存在的組件，所以我最終從頭開始編寫一個組件。它的實現幾乎完全基於CSS。

/******************************************************************************/ 
/*** LINK BUTTON CSS **********************************************************/ 
/******************************************************************************/ 
a.ux-linkbutton { 
    background-image: none; 
    border: 0px none; 
    margin-top: 1px; 
} 

a.ux-linkbutton.x-btn-default-small-focus { 
    background-color: inherit; 
} 

a.ux-linkbutton * { 
    font-size: inherit !important; 
} 

a.ux-linkbutton:hover { 
    text-decoration: underline; 
    background-color: inherit; 
} 

/******************************************************************************/ 
/*** LINK BUTTON JS ***********************************************************/ 
/******************************************************************************/ 
Ext.define("Ext.ux.button.LinkButton", { 
    extend: "Ext.button.Button", 
    alias: "widget.linkbutton", 

    cls: "ux-linkbutton", 

    initComponent: function() { 
     this.callParent(); 
     this.on("click", this.uxClick, this, { priority: 999 }); 
    }, 

    // This function is going to be used to customize 
    // the behaviour of the button and click event especially as it relates to 
    // its behaviour as a link and as a button and how these aspects of its 
    // functionality can potentially conflict. 
    uxClick: function() { 
     //Ext.EventObject.preventDefault(); 
     //Ext.EventObject.stopEvent(); 
     //Ext.EventObject.stopPropagation(); 
     //return false; 
    } 
});

點擊處理程序是一個工作正在進行中。

該課程確實存在一個小問題：在點擊/聚焦之後應用僞類樣式，這是我無法刪除的。如果有人在我做之前修復它，請發佈CSS。

來源

2014-11-17 04:17:12 chrismiddle10

隨着分機4.0.7我設法做到以下幾點：

View: 
... 
{ 
    xtype: 'button' 
    ,text: 'Discard changes' 
    ,action: 'cancel' 
    ,cls: 'secondary-action-btn' 
} 

CSS: 
.... 
.secondary-action-btn { 
    border: none; 
    background: none; 
} 
.secondary-action-btn span { 
    cursor: pointer; 
    text-decoration: underline; 
}

來源

2014-12-09 15:29:01 t3az0r

如何讓Extjs Button查找鏈接？

回答

相關問題