草庐IT

Handlebars-view

全部标签

javascript - 处理 Handlebars 上的 jQuery onClick 事件

我想设置一个简单的jQueryonClick事件,使Handlebars模板上的UI动态化。我想知道在特定点击后添加addClass()。考虑HTML(由handlebars生成){{#ifhasButton}}Clickme!{{/if}}即:在按钮内单击后,其容器将收到一个加载类,该加载类将使用CSS创建交互。$(".myButton").on("click",function(event){$(this).parent().addClass("loading");});这段代码应该放在我的handlebars-template上,还是我应该将它重写成一个特定的帮助程序?是否可以提

javascript - 为什么我的 Handlebars 没有编译方法?

我正在使用Handlebars设置一个Backbone项目,但我遇到了Handlebars找不到编译方法的问题。这是我的配置文件:require.config({hbs:{templateExtension:'.hbs'},paths:{backbone:"libs/backbone/backbone",handlebars:'libs/handlebars/handlebars.amd',hbs:'libs/requirejs-hbs/hbs',jquery:'libs/jquery/jquery',jqueryMockAjax:'libs/jquery-mockjax/jquery

javascript - 将任意参数传递给 Handlebars 助手?

很抱歉,如果这个问题之前已经被问过一百万次了,但我似乎无法在任何地方找到满意的答案。我正在尝试构建一个handlebars助手来绑定(bind)到我的i18n库中,我需要它接受任意数量的命名参数,如下所示:{{i18nyml.text.definitioncount=2name="Alex"...param="hello}}这将转换为这样的调用:i18n.t("yml.text.definition",{count:2,name:"Alex",...param:"hello"})这可能吗,还是我完全脱离了我的树? 最佳答案 提供以下

javascript - 如何将我的 Mustache/Handlebars 模板存储在单独的文件中?

我在一个项目中使用handlebars.js,并且我开始拥有大量模板。现在它们存储在我的主模板应用程序文件中,如下所示:blablabla{{var}}blablabla我想知道是否有办法将它们放在单独的文件中,例如.js文件或其他文件,以避免将它们堆叠在我的源代码页面中。我知道有几种解决方案可以通过Ajax调用这些模板,但这似乎会导致我收到太多不必要的请求。谢谢 最佳答案 我创建并开源了NodeInterval对于我的HTML页面中太多js模板的完全相同的问题。它允许您将所有模板放入以您喜欢的任何层次结构组织的模板文件夹中。它具有

javascript - Backbone.js - 在 View 处于事件状态时添加按键事件?

我有一个名为gallery的选项View。我想在画廊呈现时(直到它关闭)收听按键事件并采取行动。如何在主干事件中执行此操作?我已经尝试了'keydownX':function的所有变体,但没有一个起作用。 最佳答案 我刚刚测试了以下内容并且它完美地工作:varview=Backbone.View.extend({//...snip...events:{'keyup:input':'logKey','keypress:input':'logKey'},logKey:function(e){console.log(e.type,e.ke

javascript - 周 View 中的完整日历更改日期格式

我在我的项目中使用jQuery的FullCalendar插件。在fullCalendar周View中,我可以看到一行显示以下格式的日期:-9月6日星期日、9月7日星期一、9月8日星期二依此类推...其实我想把month/day的位置反转为day/month。如何初始化设置?谢谢! 最佳答案 您需要使用columnFormat选项来自定义它。columnFormat:{month:'ddd',week:'dddd/M',day:'ddddd/M'}在此fiddle中展示.让我知道这是否有帮助!

View 组件中的 Javascript

我有一个View组件,它在Razor(.cshtml)文件中包含一些jQuery。脚本本身非常特定于View(处理第三方库的一些配置),因此为了组织起见,我想将脚本和HTML保存在同一个文件中。问题是脚本没有在_LayoutScripts部分呈现。显然这只是howMVChandles关于View组件的脚本。我可以通过将脚本放在Razor文件中来解决这个问题,但不在脚本部分。但后来我遇到了依赖性问题-因为在引用库之前使用了jQuery(对库的引用靠近_Layout文件的底部)。除了将对jQuery的引用作为Razor代码的一部分(这会阻碍放​​置组件的任何位置的HTML呈现)之外,是否有

javascript - 如何使用 javascript 访问 View 状态?

我正在尝试访问客户端的View状态,但出现以下异常:JavaScript:varvCode='';alert(dateView);代码隐藏:ProtectedSubPage_Load(ByValsenderAsObject,ByValeAsSystem.EventArgs)HandlesMe.LoadViewState("code")="EE"EndSub有人建议我怎么做吗? 最佳答案 我建议使用RegisterHiddenField而不是混合服务器/js代码:你可以试试这个例子:ProtectedSubPage_Load(ByVa

javascript - 在 Ember Handlebars 模板中呈现已解决的 promise 值

有没有什么好的方法可以在handlebars模板中呈现promise的结果?例如,我有以下模型:App.TopicItem=DS.Model.extend({topic:DS.belongsTo('topic'),paddedPosition:function(){returnthis.get('topic.course.lessons').then(function(lessons){returnlessons.indexOf(topicItem);}).then(function(index){varposition=index;if(position我想像这样在Handlebar

javascript - 如何在我的 sprockets 预处理 js 文件(不是 View )中获取 escape_javascript 和其他助手?

我正在使用Rails3.1和sprockets的东西。我想使用ERB预处理一个js文件,然后使用javascript_include_tag将其包含在内。它是从代码生成的,所以我用ERB对其进行了预处理,但我无法从ActionView::Helpers::JavaScriptHelper获得像escape_javascript这样的助手假设我的文件名为dynamic.js.erb,它包含obj={name:"test",tag:""};如何阻止它产生错误:throwError("NoMethodError:undefinedmethod`escape_javascript'for#:0