Tag: django

jquery ajax / django – 在bootstrap模式中显示当前表单并重新显示validation是否成功

我的用例是： a）在bootstrap模态中呈现通过ajax加载的表单， 花式叠加效果… 我遵循了这些指示 。 这很好用。 （见下面的代码） b）将此表单提交回我的Django应用程序，尝试validation它，如果它没有validation，重新显示带有奇特引导模式中的错误的表单。 我可以通过ajax重新加载表单，但我无法在模态中再次表示它。 注意：我没有包含视图，因为它没有什么特别之处。 仅实例化和validation表单。 下面有很多东西要读，所以如果您认为用例听起来很有趣，请继续… 我的taskList.html看起来像这样： Name Edit Task 1 edit .js用于加载表单+显示bootstrap模态+绑定表单到.jquery提交调用： $(document).ready(function() { modalConnect(); }); //connects the modal load for each with class editItem //Functionality 1 //loads an item edit form from the server and replaces the itemFormModal with the form //presents the modal with $(“#itemFormModal”).modal(‘show’); //Functionality […]

Django + GWT或Jquery

我在django中制作了一个复杂的模型结构。 我曾计划使用GWT渲染这个结构，但是使用python进行通信的选项是： – 使用JSON，在这种情况下，我必须在javascript对象中复制模型结构（参见gwt教程）。 – python-gwt-rpc是一个与gwt兼容的远程过程调用库，但在我看来，与django模型集成并不容易，而过时的文档对我没有帮助。 我考虑的另一种方法是使用Django模板系统来渲染我的页面，其中包含一些Jquery UI插件和本文中建议的方法，用于在不处理JSON对象的情况下检索html数据，因为我认为处理它是一场噩梦，因为在我的结构中数据变化也会使界面剧烈变化。 所以我认为使用GWT我必须在javascript对象中复制django模型，但我已经得到java子类系统的支持。 在第二个解决方案中，我重用django模型并使用django模板系统然后我能够进行服务器端检查，但是既不是一个很酷的GWT接口，也不是轻量级Json调用更新页面。 你对这个问题的看法是什么？

如何通过Ajax发布Django中的数组

当我尝试通过Ajax（jQuery）向Django发送数组时 JavaScript代码： new_data = [‘a’,’b’,’c’,’d’,’e’]; $.get(‘/pythonPage/’, {‘data’: new_data},function(data){}); 我尝试读取数组： python： request.GET.get(“data[]”) 我只得到最后一个数组值： ‘e’ 我究竟做错了什么？

未捕获的TypeError：无法读取未定义的属性“ownerDocument”

我正在教自己AJAX到AJAXify我的网站。 在我的模板中，我有以下JS代码从视图中获取一些JSON数据，然后将数据附加到div。 function filter(type) { $.getJSON( ‘/activity_stream/global-activity-stream/’, {xhr: “true”, filter: type}, function(data) { $(‘.mainContent’).children().remove(); $(data).appendTo(‘.mainContent’); }); } $(“.btn”).click(function () { filter(“recent”); }); } 我认为我的视图返回正确的JSON，但现在数据没有被添加到.mainContent div。 它给出了这个错误： 未捕获的TypeError：无法读取未定义的属性“ownerDocument”。

Twitter bootstrap typeahead自定义按键ENTERfunction

我在我正在制作的Django网站上使用Twitter bootstrap。 我有一个页面，用户可以在配有bootstrap typeahead的文本输入中输入他们的所有技术技能。 我正在尝试访问下拉菜单中当前所选内的文本，这样当按下ENTER并在下拉列表中突出显示一个元素时，它将获取该值并将其显示在输入文本字段下方。 然后清除输入文本字段，用户可以搜索其他技能。 $(document).keyup(function(event) { if (event.keyCode == 13) { if ($(‘.dropdown-menu’).css(‘display’) != ‘none’){ var newskill = $(“.dropdown-menu > li.active”).val(); alert(‘Yay’); } else{ var newskill = $(“#enterbox”).val(); alert(‘Boo’); } return false; } }); 如果下拉列表可见，则输入按键function将获取下拉列表的当前活动元素并将其粘贴到文本框中（内置于Bootstrap中）。 没有警报框显示。 知道如何在发生这种情况之前让我的函数触发，即在Bootstrap的函数启动之前？

在网上提供图表的最佳方式？ 服务器端或客户端库？ HTML5？

您建议在网上提供图表（基于行）？ 随着时间的推移，我需要制作类似于燃尽图表或股票的东西。 服务器端是django并使用jquery作为客户端的东西。 使用像pychart或其他python图库这样可以产生svg或png并显示它的东西有什么好处？ 或者在表格中提供数据并使用jquery的可视化或高图来使用javascript生成图表？ 我想在图表上放置可点击的点，或者在特定转弯处显示更多信息。 HTML5提供了哪些选项，是否内置了对图表的支持，或者我只能使用canvas吗？ 谢谢你的帮助。 编辑/更新。 谢谢大家的建议。

将Django中的字符串列表传递给Javascript

我的Django对象有一个属性“City”。 我正在尝试获取城市列表并使用Jquery在模板中捕获它（在X轴上的图表中使用）。 我的问题是我无法摆脱unicode并引用列表。 （我设法为一个单一的价值做）。 相反，我坚持这个： [“[[u’Paris’]，[u’Lyon’]]”] 我已经尝试了很多东西，包括JSON。 没有成功。 我的观点:(实际上，其中一个尝试..） def barchart1(request): city_array =[] for i in [1,MyObject.objects.count()]: objet = get_object_or_404(MyObject, pk=i) cities = [objet.city.city_name] city_array.append(cities) return render (request, ‘plot3/plot_page.html’, {“city_array” : city_array}) 我的JS： var cities = [“{{ city_array }}”]; 以下是JS如何读取视图发送的上下文 [“[[u’Paris’]，[u’Lyon’]]”] 这是我想得到的 [‘巴黎’，’里昂’] 它必须是简单的东西，但我无法弄清楚如何做到这一点。 其他post不处理字符串列表。 知道我该怎么办？

需要一个简单的django表单的工作ajax示例

基本上我需要类似于在django中完成的http://www.w3schools.com/jquery/jquery_ajax_get_post.asp 。 我已经下载了样本并使用localhost + php在本地进行了测试，但它运行良好但我似乎无法让它在django中工作，无论示例多么简单。 这基本上是基于上面链接中的示例进行的略微修改 javascript： $(document).ready(function(){ $(“#my_form”).submit(function(){ $.post(“”, {name:”Donald Duck”, city:”Duckburg”}, function(data,status){ alert(“Data: ” + data + “\nStatus: ” + status); }) .fail(function() { alert(“error”); }); return false; }); }); url： url(r’^ajax/$’, views.ajax_test, name=”ajax”), 观点： def ajax_test(request): if request.method == ‘POST’ and request.is_ajax(): name = request.POST[‘name’] city = request.POST[‘city’] message = name + […]

如何在ajax请求期间显示处理动画/微调器？

我的AJAX POST正在处理时，我想要一个基本的微调器或处理动画。 我正在使用JQuery和Python。 我查看了文档，但无法弄清楚ajaxStart和ajaxStop函数的确切位置。 这是我的js： $(function() { $(‘.error’).hide(); $(“#checkin-button”).click(function() { var mid = $(“input#mid”).val(); var message = $(“textarea#message”).val(); var facebook = $(‘input#facebook’).is(‘:checked’); var name = $(“input#name”).val(); var bgg_id = $(“input#bgg-id”).val(); var thumbnail = $(“input#thumbnail”).val(); var dataString = ‘mid=’+mid+’&message=’+message+’&facebook=’+facebook+’&name=’+name+’&bgg_id=’+bgg_id+’&thumbnail=’+thumbnail; $.ajax({ type: “POST”, url: “/game-checkin”, data: dataString, success: function(badges) { $(‘#checkin-form’).html(“”); $(‘#message’).html(“You are checked in!”); $.each(badges, function(i,badge) […]

django.core.paginator Ajax与jQuery的分页

问题 我需要在Django模板中使用jQuery进行Ajax分页。 情况 我的模板中有以下代码： $(document).ready(function() { $(“#next-page”).click(function() { var page = {{ vms.next_page_number }}; $(“#vms”).html(‘ ‘).load ( ‘{% url virtualmachine-list %}?page=’ + q ); }); }); [code omitted] [code omitted] {% for vm in vms.object_list %} [code omitted] {% endfor %} [code omitted] {% if vms.has_next %} <!–Next–> Next {% endif %} 和我的观点： def list_(request): vms […]