我們使用CFLayout在我們的Web應用程序中創建一個選項卡結構。創造,佈局後,我們調用這個函數:我們如何在cfLayout手風琴中設置onExpand事件
mytabs = ColdFusion.Layout.getTabLayout("#attributes.cflayoutName#");
mytabs.on('tabchange',
function(tablayout,tab) {
var tabtitle = tab.title;
alert(tabtitle); // Actual code does various useful 'stuff' here.
}
);
這段代碼工作得非常好,並警告將在每次用戶點擊選項卡上的時間顯示。
問題是我們現在試圖用CFLayout類型的「手風琴」來做同樣的事情,當用戶切換他們正在查看的手風琴窗格時,我無法觸發事件。我們嘗試將上述內容保留原樣,並將「tabchange」屬性更改爲「展開」,「展開前」,「激活」和「摺疊」。
對於這個測試我使用下面這個簡單的JS功能,避免onchange事件中從JS中出現的問題:
mytabs = ColdFusion.Layout.getAccordionLayout("#attributes.cflayoutName#");
mytabs.on('expand',
function(tablayout,tab) {
console.log('test');
}
);
我們沒有收到任何錯誤。根本沒有任何東西記錄到控制檯。我已經嘗試將console.log替換爲警報,以排除該行的任何問題。
要強制您的答案,我對文檔的理解是tabchange事件觸發任何選項卡更改,其中面板展開事件特定於某個面板。 – Travis
謝謝;這非常有幫助。我試圖通讀並且更好地理解這一點,但實際上我遇到的所有例子都展示了在定義手風琴時如何添加監聽器。但是,由於ColdFusion做了定義,我需要在事實之後以編程方式添加偵聽器。你知道我在哪裏可以找到關於如何做到這一點的代碼示例? – Nicholas
不,不幸的是我沒有你的代碼示例。我將首先查看由ColdFusion生成的源代碼。在您選擇的瀏覽器中,使用「查看源代碼」選項。這應該告訴你ColdFusion如何定義手風琴。 –