在自定義按鈕上點擊表格上的字段的顯示/隱藏

Question

我試圖實現一個自定義按鈕，點擊時，切換窗體上的兩個字段（密碼和password_confirmation被隱藏/顯示）的可見性。

我能夠獲取表單上顯示的行動項目按鈕，但這個被點擊時顯示此錯誤消息：

缺少模板管理/用戶/ toggle_password， active_admin /資源/ toggle_password， active_admin /鹼/ toggle_password， inherited_resources /鹼/ toggle_password，應用/ toggle_password 含{：區域設置=> [：EN]：格式=> [：HTML]：變體=> []， ：處理程序=> [：erb，：builder，：raw，：ruby，：coffee，：arb]}。

我的管理文件：

ActiveAdmin.register User do 
    menu parent: 'User Management' 

    permit_params :email, :password, :password_confirmation 

    index do 
    selectable_column 
    id_column 
    column :email 
    column :created_at 
    actions 
    end 

    form do |f| 
    f.inputs "Details" do 
     f.input :email 
     f.input :password 
     f.input :password_confirmation 
    end 
    f.actions 

    end 

    action_item :toggle_password, only: %i(show edit) do 
    # Link to perform the member_action "toggle_password" defined below 
    link_to 'Toggle Password', action: :toggle_password 
    end 

    member_action :toggle_password do 
    # show/hide password field 
    end 

end 

我怎麼能夠鏈接按鈕單擊事件打電話給我自己的功能？

Answer 1

根據您的代碼，點擊鏈接Toggle Password，您正在調用行動toggle_password。 Rails將嘗試爲相同的模板找到相應的模板。

您可以使用javascript切換字段。 將鏈接添加一個id。

action_item :toggle_password, only: %i(show edit) do 
    # Link to perform the member_action "toggle_password" defined below 
    link_to 'Toggle Password', id: 'link', action: :toggle_password 
end 

在JavaScript中，你可以寫

$('#link').click(function() { 
    $(<#id of password & password confirmation field>).toggle(); 
});