gpt4 book ai didi

javascript - 如何在 Rails 6 应用程序中将变量传递给 javascript

转载 作者:行者123 更新时间:2023-12-04 00:55:56 25 4
gpt4 key购买 nike

我有一个使用完整日历的 rails 6 应用程序。我已设置日历并正常工作。

要完成日历集成,我唯一需要做的就是将 @user.id 添加到 json 提要的 url 中,以便将数据添加到日历中。

这是我的代码:

javascript/fullcalendar/fullcalendar.js

import { Calendar } from "@fullcalendar/core";
import dayGridPlugin from "@fullcalendar/daygrid";

document.addEventListener('turbolinks:load', function() {
var calendarEl = document.getElementById('calendar');

var calendar = new Calendar(calendarEl, {

plugins: [ dayGridPlugin ],

eventSources: [
{
url: "/users/<%= @user.id %>/jobs.json",
}
]

});

calendar.render();

});

如果我替换 <%= @user.id %>3然后日历从 json.jbuilder 文件中提取数据并且日历工作。

如何通过 <%= @user.id %>到日历?

最佳答案

在 Rails 应用程序中,通过 data attributes 传递属性是很常见的模式。 .

在您的 View 模板中,您将插入用户 ID:

<div id="calendar" data-user-id="<%= @user.id %>">
</div>

在您的 JavaScript 中,您将通过 dataset 读取用户 ID:

var calendarEl = document.getElementById('calendar');
var userId = calendarEl.dataset.userId;

关于javascript - 如何在 Rails 6 应用程序中将变量传递给 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62599139/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com