Tag: django templates

根据下拉选择创建动态下拉选项 – 卡住

所以我正在尝试创建一个动态表单，其中第二个下拉框是根据第一个下拉列表填充的。 我正在使用ajax和jquery帮助在我的django项目中构建这个动态表单，我需要一点帮助。 我有一个正常工作的ajax调用，我已经将我的选择发送回表单，但现在我无法用我的选择填充表单。 有人可以帮我把json输出变成html选项吗？ 这是我的ajax.py： def switch_plan(request, *args, **kwargs): from plans.models import Plan, OwnershipType, MemberType, PlanMember from datetime import datetime now = datetime.now() json = {} data = request.POST plan_type = data.get(‘plan-plan_type’) print plan_type if request.is_ajax(): if plan_type == ‘5’: ownership = OwnershipType.objects.all().exclude(id=3).exclude(id=8).exclude(id=9) json[‘owner_types’] = ownership return HttpResponse(simplejson.dumps(json), mimetype=’application/json’) 我的plans.html js代码： $(function(){ $(“#id_plan-plan_type”).change(function() { q […]

AJAX无法使用Django App

mysite / urls.py ： from mysite import views url(r’^checkhandles/$’, views.checkhandles, name=’checkhandles’), mysite / views.py ： def checkhandles(request, email): if request.is_ajax(): message = ‘Yes, I am reachable!’ else: message = ‘No, I am not reachable!’ return HttpResponse(message) mysite-ajax.js ：关于DOM-ready。 $(document).on(‘blur’, ‘#email’, function(){ var $this = $( this ); var email = $this.val(); if (validateEmail(email) === true){ […]

当我执行AJAX调用来更改查询集时，JS停止处理子模板

我的comments.html子模板看起来像这样： {% for comment in comment_list %} … {{ comment.text }} … {% endfor %} 当我点击一个按钮时，我称之为AJAXfunction： $(‘.comments_new’).on(‘click’, function() { $.ajax({ type: ‘GET’, url: ‘/new_comments/’, data: { }, success: function (data) { $(‘.commentsContainer ‘).replaceWith(data); } }) }); 调用此视图以更改查询集（初始查询集为comment_list = Comment.objects.filter().order_by(‘-score__upvotes’) ： def new_comments(request): if request.is_ajax(): comment_list = Comment.objects.filter().order_by(‘-timestamp’) html = {‘comment_list’: render_to_string(‘comments.html’, {‘comment_list’: comment_list})} return JsonResponse(html) […]

Jquery Ajax发布更新视图中的django会话

我从表单字段中发送值，以便将它们存储在django中的会话中。 我正在执行以下操作，但它不会在django中的POST中接收数据。 var eventID = $(‘#id_eventID’).val(); var start = $(‘#id_start’).val(); $(‘a’).click(function () { console.log(“Inside click”); $.post({ url: “/update_session/”, type: “POST”, data: {eventID: eventID, start: start}, success: function(response){}, complete: function(){}, error: function (xhr, textStatus, thrownError){ alert(“Error in ajax post”); } }); }); Add signal 我希望在点击上面的链接时执行此脚本，然后再打开一个新表单。 所以，当我回到原始页面（填写表格后）时，我希望能够检索将存储在会话中的所有数据（以我上面的方式）。 在我的view.py中，我有以下内容， def update_session(request): print request.POST if request.is_ajax(): try: request.session[‘eventID’] = […]

使用JQUERY立即将选中的复选框值从一个复选框复制到另一个复选框

我对Jquery比较新，并且在最后一天左右一直在努力解决这个问题。 我想做一些看似简单的事情，但我无法解决这个问题。 我有两个相同的复选框，包含许多条目，最终用户可以在任一复选框中选择多个选项。 如果选中了checkboxa中的值，我希望它立即在checkboxb中选择相同的值。 我研究了很多解决方案，我尝试过以下方法： $(document).ready(function (){ $(“#id_checkboxa”).change(function() { $(‘#id_checkboxa input[type=”checkbox”]:checked’).each(function(){ $(‘#id_checkboxb input[type=”checkbox”]’).eq($(this).index()).prop(‘checked’,true); }); }); }); 我的HTML。 我正在使用Django模板和带有查询集的表单进行选择，这就是为什么我试图通过Jquery利用ID进行复选框操作。 Checkboxa: {{ form.checkboxa }} 我通过在SO上引用以下代码片段找到了上面的方法。 将一组复选框的复选检查状态复制到另一个字段集 上面会将我在checkboxa中选择的第一个值复制到checkboxb的顶部，但就是这样。 我怀疑我需要遍历索引或创建一个数组来尝试查找已检查的值，但不能完全解决。 我当然希望使用JQUERY ID方法来解决这个问题。 提前感谢任何想法。 经过实验，我已经…… $(document).ready(function (){ $(“#id_checkboxa”).change(function() { console.log(“Hello world!”); }); }); 我的控制台将展示你好的世界！ 当我尝试做类似…… $(document).ready(function (){ $(“#id_checkboxa”).change(function() { console.log(“Hello world!”); let selectedValA = $(this).val(); let isAChecked = $(this).prop(“checked”); $(`#id_checkboxb[value=${selectedValA}]`).prop(“checked”, […]

从string / django对象获取datepicker defaultdate

我在jquery和Javascript中总共（就像没有经验 – 无论如何）noob，我想做的是以下内容： 我将一个article-object传递给我的模板，该模板中存储了日期信息。 我可以使用{{ article.pubdate }}访问和显示该信息。 是否可以将defaultDate选项设置为文章日期？ 我该怎么办呢？ 感谢您的任何指示！ 更新 ：有关{{ article.pubdate }}更多信息： 它是一个日期时间对象。 可以编辑字符串的显示格式，因此{{ article.pubdate|date:”Ymd”}}给出的日期与2013-07-27相同。 更新2 ：我在页面上显示文章日期，如下所示： {{ article.pubdate|date:”Ymd” }} 这给了我2013-07-27作为页面上显示的字符串。 阅读后我尝试了以下方法将该字符串转换为datepicker，如下所示： $(function () { var a = $(“#article-pubdate”).text(); var the_date = $.datepicker.parseDate(“yy-mm-dd”, a); $(“.datepicker input”).datepicker({ dateFormat: “yy-mm-dd”, changeMonth: true, changeYear: true, yearRange: ‘1990:2013’, defaultDate: the_date, }); }); 但这不起作用，为什么？ 更新2 ：如果我像这样设置defaultDate ： $(function() […]

如何将Django日期格式更改为dd / mm / yy？

在forms.py中： class DobForm(forms.ModelForm) dob = forms.DateField(widget=forms.TextInput(attrs={‘class’:’datepicker’}),required=True,input_formats=[‘%d/%m/%Y’,]) class Meta: model = Dob 在我的HTML中： $(function() {$(“.datepicker”).datepicker({ maxDate: ‘0’,dateFormat: ‘dd-mm-yy’ })}); 它在forms上的棘手错误：输入有效日期

如何在Django中组织JS文件？

我目前正在使用Django项目，我包含不同的库JS和我创建用于管理其他库的JS文件，但我不知道每个html页面的JS文件的正确组织，例如，我有一个“Main” .js“和”Milk.js“在基本模板中，但我不希望两个文件都在同一个基本模板中，我希望每个页面都有单独的文件。 我尝试添加为普通的js文件 但它向我显示一条错误消息，询问我从base.htmlinheritance时的几个依赖项 我希望你的帮助 编辑： Cuando heaadadias en mis archivos de plantillas，sin mostrarme error en la consola de cromo pero en la consola django mostrarme los archivos JS de carga con 304 error。 这些库位于base.html中 奇怪的是，当我从home.html点击时我可以加载milk.js但是当我点击其他页面例如“milk.html”从“Milk.html”无负载js文件时，即使我做了同样的“牛奶” html的”。

来自django模板的Ajax调用

我有一个django模板，它扩展了基本模板，该模板具有在其中加载jquery的代码。 这个模板有一个简单的文本框，我想通过ajax获取对象。 {% extends ‘base.html’ %} {% block content %} $(‘#ajaxform’).submit(function(){ console.log(‘Form submitted’); $.get(‘{% url get_ajax_data %}’, $(this).serialize(),function(data){ $(‘#dataDiv’).text(data); }) return false; }); {% endblock %} 在这个模板中，我尝试对get_ajax_data url进行ajax调用，在相应的视图中我只返回文本作为return HttpResponse(‘Ajax respose’) 。 但这似乎不起作用，表单在我返回false时提交。 我不确定我错过了哪里。

从Django中的按钮单击渲染另一个模板

我在django项目中有以下模板文件： base.html文件 base_test1.html base_test2.html 这里base_test1.html和base_test2.html 扩展了 base.html 。 我的主页呈现base_test1.html 。 在我的主页中，我有一个按钮，按下时应该渲染base_test2.html 。 我该怎么做到这一点？ 我一直在尝试使用jQuery ajax调用，这样当按下按钮时，我会在我的应用程序的views.py中调用相应的视图。 但这似乎没有用，因为ajax调用只是将html页面返回给请求而不是渲染它。