如何警予

Question

我在一個視圖中的兩個部件兩個小部件之間切換，其中之一是一個警予CGridView小部件，另一個是壓光機部件

基本上都壓光機和電網不顯示的相同任務事件，但風格各異。

我需要的是我放在上面，並通過點擊我的小工具將切換

假設當前正在顯示的GridView，如果我按一下按鈕，然後壓延視圖將顯示與其他方式的按鈕round

請幫助我如何在不使用jquery的情況下完成此任務。

Answer 1

這裏是你可以做什麼：

<span id="grid">Grid</span><span id="calendar" style="display:none;">Calendar</span> 

<button id="tglBtn">Toggle</button>

<script type="text/javascript"> 
var btn = document.getElementById('tglBtn'); 
var grid = document.getElementById('grid'); 
var calendar = document.getElementById('calendar'); 

btn.addEventListener('click', toggle); 
function toggle() { 
    grid.style.display = (grid.style.display == 'none') ? 'block' : 'none'; 
    calendar.style.display = (calendar.style.display == 'none') ? 'block' : 'none'; 
}</script> 

你做什麼基本上就是用css隱藏窗口小部件之一，然後附加一個單擊事件監聽器切換按鈕處理交換。

希望有幫助：D