堆棧內存溢出
cost 221 ms
在不渲染整個組件的情況下更新 Phoenix 應用程序的 LiveView 中嵌套的 html 元素

[英]Updating nested html element in LiveView of Phoenix application without rendering the whole component

我有以下帶有卡片集合的 leex 模板，每張卡片內都有一個嵌套按鈕。 我只想更新按鈕上的文本而不再次渲染整個組件。 是否可以？ 我被困在這里。 這個想法是向這個按鈕發送更新，但如果可能的話根本不清楚如何。 或者另一種方法是再次將@repos分配給套接字？ 當我點擊按鈕時，我在服務器端完成工作，然后我 ...

VegaLIte 圖表渲染 - Elixir，Phoenix，SurfaceUI

[英]VegaLIte Charts Rendering - Elixir, Phoenix, SurfaceUI

Elixir、Phoenix、SurfaceUI 組件如何渲染 VegaLite 圖表？ 到目前為止，我以這種方式嘗試過。 我還使用 Surface LiveView 組件。 通常我們可以通過 Javascript 中的 id 渲染這種圖表，但在這里我找不到渲染 Vega 圖表的方法。 ...

后台任務完成后如何更新實時頁面上的元素？

[英]How to update an element on a Live page once a background task has been finished?

我在 LV 頁面上有一張桌子。 每行都有一個按鈕，用於連續刷新數據。 要刷新它，它必須至少向外部 API 發送一個請求，這可能需要幾秒鍾或幾分鍾。 從外部 API 接收的數據被保存到數據庫中。 我可以讓用戶等待，但最好創建一個后台任務並立即返回一個響應，比如“正在更新” 收到響應后，我將如何通知實 ...

如何使變量在多個模板中全局可訪問

[英]How to make a variable globally accessible across multiple templates

在我的 phoenix 應用程序中，我正在嘗試加載一堆數據並使它們可以訪問我的根模板（跨所有頁面）。 據我所知，這是通過分配完成的，但我不知道在哪里加載它。 我想像 應該可以工作，但我不知道把這段代碼放在哪里，所以套接字是可用的。 來自 Express.js，我想做類似的事情： 感謝您的幫助。 ...

Phoenix Elixir 在 GET/Users 處獲取 UndefinedFunctionError 並且它存在

[英]Phoenix Elixir Getting UndefinedFunctionError at GET/Users and it exist

我正在使用 LiveView（Phoenix Elixir 的新手）構建一個視圖來列出/編輯/銷毀 admin 命名空間中的用戶。 由於某種原因，我不能使用在 admin.ex 上下文文件中定義的方法list_users 。 如何在 index.html.heex 文件中訪問和使用此方法，我必須遍歷 ...

單引號導致 LiveView 模板處理錯誤

[英]Single quotes cause LiveView template processing error

我想在我的 Phoenix LiveView 模板中使用以下 Tainwind 類： 但是單引號沒有被正確處理，導致如下錯誤： no function clause matching in Phoenix.LiveView.Engine.analyze_list/4 如何在 LiveVie ...

Phoenix 實時取景鏈接不適用於動態元素

[英]Phoenix live view link not working with dynamic element

我在 html.eex 文件中有代碼需要呈現一系列鏈接，我目前正在使用這段代碼， 但是，當這將它呈現為 email 時，它只是將其放入一個沒有附加 href 的標簽，如<a> https://example.com </a> 如何正確設置 href 部分以便鏈接可以點擊？ 我 ...

為什么單擊復選框會觸發 Phoenix LiveView 事件？

[英]Why clicking a checkbox fires a Phoenix LiveView event?

背景我有一個帶有一些復選框的表單。 此表單將根據條件顯示復選框。 在表單之后我有一個按鈕，它應該發送一個將執行操作的鳳凰事件。 但是，當我單擊一個復選框（選擇/取消選擇它）時，仍然會創建 phoenix 事件。 老實說，我不知道為什么，我覺得這與我沒有使用 Phoenix forms（我使用的是純 ...

Phoenix LiveView 錯誤：找不到用於 POST 的路由

[英]Phoenix LiveView Error: no route found for POST

我有一個實時視圖表單的問題，它顯然將發布請求發送到路由器，而不是在提交時使用套接字連接，所以我得到“找不到 POST /stationen/new (SportfestWeb.Router) 的路由” 我檢查了這篇文章中的修復： Phoenix LiveView form_for raising N ...

LiveView：如何處理呈現的理解列表中的數據

[英]LiveView: How to process data in a rendered comprehension list

在Phoenix中，如果需要對模板中的數據進行處理，可以將數據傳遞給視圖進行處理，輸出回模板。 例如： 但是，這與 LiveView 不同。 我試圖在理解中調用一個組件來處理數據： 但是現在，我不知道如何制作類別組件（handle_info？）來放置每篇文章的類別名稱。 在 LiveView 中更新 ...

如何在我的 Elixir Phoenix LiveView 應用程序 header 中混合實時和“死”內容？

[英]How do I mix live and "dead" content in my Elixir Phoenix LiveView app header?

我將 root.html.heex 文件更改為如下所示： 並將<header>元素移動到app.html.heex中： ...並在live.html.heex中。 但我無法在live.html.heex中呈現“_user_menu.html”，因為（當然）它使用@current_us ...

套接字一次又一次地重新加入，這導致實時視圖本身定期發出事件。 與 Alpine js 一起使用時

[英]Socket rejoins again and again which causes Live View to emit events itself periodically. when using with Alpine js

問題：套接字一次又一次地重新加入，這導致實時視圖本身定期發出事件。 場景：我有包含 phx-change 事件的索引頁。 當我讓頁面閑置一段時間后，事件開始定期自動觸發。 它不僅限於單個頁面，而且它發生在每個實時視圖頁面上，我用谷歌搜索了這個問題但找不到任何解決方案。 我注意到有時心跳停止超過 1 ...

Elixir Ecto 問題 - 無法在兩個表之間建立關聯？

[英]Elixir Ecto Issue - Can't make an association between two tables?

我正在嘗試在表之間建立關聯。 我目前有一個包含以下字段的“用戶”表： ID email 密碼名姓角色 1 老師@example.io hash 鮑勃白色的老師 2 學生@example.io hash 喬棕色的學生我正在嘗試實現兩種新的用戶類型：教師和學生因此，我想為兩種用戶類型創建兩個不 ...

無法在 LiveComponent 的文本字段中輸入文本

[英]Cannot input text in text field from LiveComponent

背景我有一個活動組件，它基本上是一個帶有幾個text input和一個提交按鈕的表單。 我的界面看起來有點像我想要的方式，但是有一個問題：我無法在文本輸入字段中輸入任何內容。 我不知道為什么。 代碼如您所見，我有 2 個文本輸入字段。 我的代碼如下： 起初我認為這是因為我沒有使用text_inpu ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM