正文 

当前位置： 首页 > 问答 >

Django：在模板中组合变量和 HTML id

     2023-02-24     228

关键词：

【中文标题】Django：在模板中组合变量和 HTML id【英文标题】：Django : combine variable and HTML id in template 【发布时间】：2017-04-03 00:39:05 【问题描述】：

我正在寻找一种使用 Javascript 变量“连接”django 对象列表（通过views.py 中的get_queryset 获取）的方法。然后将它们连接到模型对象的字段。

我的模型是一篇博文，包含 post_title 字段（一个字符字段）。 在我的 index.html 中，我有一个 id="1" 或 id="2" 对应于页面索引和 onClick="displayPostContentOnPageButtonCliked(this.id)" 属性的寻呼机按钮。

我的 index.html 检索名为 all_post_by_date 的 context_object_name 中的所有帖子对象。 在我的 index.html 中，我想在警报对话框中显示与单击的按钮相对应的帖子标题，例如：

<script>
    function displayPostContentOnPageButtonCliked(page_button_clicked_id)
        var all_posts_by_date = "all_posts_by_date.page_button_clicked_id.post_title";
        alert(all_posts_by_date);
    
</script>

但这不起作用。我尝试添加过滤器或创建自己的过滤器（称为 get_index，但只能设法获得：all_posts_by_date|get_index:page_button_clicked_id 并且无法组合 .post_title 部分。 我的问题是：如何让 all_posts_by_date.page_button_clicked_id.post_title 工作，并在单击按钮 3 时提醒“帖子 3 的标题”？ 谢谢你！

【问题讨论】：

请发布您的完整模板。 【参考方案1】：

为您提供两种解决方案：（1）在对 JS 函数的调用中将您想要的数据发送到您的 JS 函数。

<script>
    function showPostTitle(post_title)
        alert(post_title);
    
</script>

. . .
% for x in all_posts_by_date %
<div id='blog-post- x.id ' on-click="showPostTitle(' x.post_title ')">
. . . 
% endfor %

或者你可以自己序列化数据以备后用：

<script>
    var titles = [];
% for x in all_posts_by_date %
    titles.push(' x.post_title ');
% endfor %
    function displayPostContentOnPageButtonCliked(nId) 
        var title = titles[nId - 1];
        alert(title);
    
</script>

【讨论】：

django的templates（模板）(代码片段)

目录Django的templates（模板）模板传值模板过滤器模板语法之标签常用标签之for标签常用标签之if标签常用标签之with标签自定义过滤器和标签模板的继承和导入模板的导入之include标签模板的继承/派生之extends标签，block标签Django的t... 查看详情

如何在不使用 js 或 html 的情况下摆脱 django 模板变量中的空间和 amp

】如何在不使用js或html的情况下摆脱django模板变量中的空间和amp【英文标题】：howcanigetridofspaceandampinsideofdjangotemplatevariablewithoutusingjsorhtml【发布时间】：2019-09-2302:26:35【问题描述】：我不确定如何删除django模板变量中的空格和&a... 查看详情

django基础四之模板系统(代码片段)

...相关的用，逻辑相关的用%%。二、变量（html文件中的）在Django的模板语言中按此语法使用：变量名。当模版引擎遇到一个变量，它将计算这个变量，然后用结果替换掉它本身。变量的命名包括任何字母数字以及下划线("_")的组合... 查看详情

django模板语言(代码片段)

...bsp;和%%　　变量相关的用,逻辑相关的用%% 变量　　在Django的模板语言中按此语法使用：变量名。当模版引擎遇到一个变量，它将计算这个变量，然后用结果替换掉它本身。变量　　的命名包括任何字母数字以及下划线("_")的... 查看详情

在单个请求中组合多个 Django 模板

】在单个请求中组合多个Django模板【英文标题】：CombiningmultipleDjangotemplatesinasinglerequest【发布时间】：2010-09-2907:38:06【问题描述】：我想知道是否有人可以帮助我找出解决以下问题的最佳方法。我正在构建一个使用Django模板来构... 查看详情

django模板语言相关内容

...;}}和 {%%}变量相关的用{{}}，逻辑相关的用{%%}。变量在Django的模板语言中按此语法使用：{{变量名}}。当模版引擎遇到一个变量，它将计算这个变量，然后用结果替换掉它本身。变量的命名包括任何字母数字以及下划线("_")的组... 查看详情

html在模板中调试django变量(代码片段)

查看详情

如何在 Django 模板中嵌套或联合使用两个模板标签？

】如何在Django模板中嵌套或联合使用两个模板标签？【英文标题】：HowtonestorjointlyusetwotemplatetagsinDjangotemplates?【发布时间】：2017-01-1806:05:15【问题描述】：我正在尝试使用模板过滤器来运行一个循环，但我无法在同一个语句/模... 查看详情

django模板语言详解(代码片段)

本节将介绍Django模版系统的语法。Django模版语言致力于在性能和简单性上取得平衡。如果你有过其它编程背景，或者使用过一些在HTML中直接混入程序代码的语言，那么你需要记住，Django的模版系统并不是简单的将Python嵌入到HTML... 查看详情

Django：不能将变量传递给包含的模板？

】Django：不能将变量传递给包含的模板？【英文标题】：Django:cannotpassvariabletoincludedtemplate?【发布时间】：2011-05-3019:57:27【问题描述】：我遇到了一个问题，我想在Django中使用模板。这是一个真实的例子：我有3个文件：home.html（... 查看详情

如何在模型 TextField 的 HTML 中使用 Django 模板变量？

】如何在模型TextField的HTML中使用Django模板变量？【英文标题】：HowcanIuseaDjangotemplatevariableinHTMLinamodelTextField?【发布时间】：2018-02-0512:04:04【问题描述】：我想以编程方式生成外部url，而不是在HTML中硬编码它们，以防它们中的任... 查看详情

Django 1.11 如何从保存在 CMS 站点模型中的 HTML 中显示模板变量

】Django1.11如何从保存在CMS站点模型中的HTML中显示模板变量【英文标题】：Django1.11HowtodisplaytemplatevariablefromwithinHTMLsavedinmodelforCMSSite【发布时间】：2018-01-2510:03:27【问题描述】：在模板中，我需要从保存在模型实例中的HTML内容呈... 查看详情

django实现组合搜索的方法示例(代码片段)

...化了纯模板语言的判断） 二、基本原理原理都是通过django路由系统，匹配url筛选条件，将筛选条件作为数据库查询结果，返回给前端。例如：路由系统中的url格式是这样：url(r‘^article-(?P<article_type_id>d+)-(?P<category_id>... 查看详情

如何将上下文变量与 Django 模板中的 SQL ID 进行比较？

】如何将上下文变量与Django模板中的SQLID进行比较？【英文标题】：HowcanicompareacontextvariablewithaSQLIDinaDjangotemplate?【发布时间】：2014-08-2507:45:27【问题描述】：我正在制作一个愿望清单类型的网站，其中突出显示了用户最后一次更... 查看详情

在 django 中使用 mailsnake 使用模板 id 动态创建活动

】在django中使用mailsnake使用模板id动态创建活动【英文标题】：Dynamicallycreatingcampaignusingtemplateidusingmailsnakeindjango【发布时间】：2012-10-0203:18:28【问题描述】：我使用django框架中的mailsnake从我的网站动态创建活动。想要将数据和图... 查看详情

django模板系统(代码片段)

Django模板系统官方文档常用语法只需要记两种特殊符号： 和 %%变量相关的用，逻辑相关的用%%。变量在Django的模板语言中按此语法使用：变量名。当模版引擎遇到一个变量，它将计算这个变量，然后用结果替换掉它本身... 查看详情

Django：模板中的变量中的变量

】Django：模板中的变量中的变量【英文标题】：Django:variableinvariableintemplates【发布时间】：2016-01-1211:46:14【问题描述】：让我们假设以下情况。在我的数据库（模型）中，我有一个描述学生任务的字段。每个学生在任务中都应该... 查看详情

Django 模板变量和 Javascript

】Django模板变量和Javascript【英文标题】：DjangoTemplateVariablesandJavascript【发布时间】：2020-05-3114:34:35【问题描述】：当我使用Django模板渲染器渲染页面时，我可以传入一个包含各种值的字典变量，以便使用myVar在页面中操作它们。... 查看详情