草庐IT

backbone-views

全部标签

javascript - backbone, javascript mvc - 使用 javascript 设计 View

我的一些View需要将它们的文本区域转换为富文本编辑器。我使用jwysiwyg作为编辑器。它要求它附加到的元素在编辑器初始化时在页面中,即当我调用$(this.el).wysiwyg()时,this.el已经在文档中。我的大多数View实际上并没有将自己附加到dom-它们的渲染方法只是使用应用程序模板引擎设置它们的元素html内容,例如$(this.el).html(this.template(内容)在实际将这些subview插入页面之后,链上的View/Controller会更上一层楼。同时,当模型发生变化时,View会重新呈现自己。如何确保编辑器在每次渲染时都附加到元素,并且仍然确

javascript - Backbone.js PushStates : Fallback for Internet Explorer not working

我的站点刚刚在Backbone.js中实现了pushstates,整个站点都因IE而中断。我应该如何为IE创建后备?我正在努力实现的目标主要网址:http://mydomain.com/explore另一个网址:'http://mydomain.com/explore/1234站点的主页面是http://mydomain.com/explore,它触发了路由器函数explore。当用户访问http://mydomain.com/explore/1234时,Backbone的路由器会触发函数viewListing,与函数相同探索,但也包含项目ID1234的详细信息。Backbone.js

javascript - 如何将 Backbone.js 用于多页 Web 应用程序?

我一直使用Backbone的路由(#!/blah)但我意识到,为了被Google编入索引,您需要提供网站的非JavaScript版本。我不喜欢写两次代码。因此,我宁愿构建多页面应用程序,也不愿构建单页面网络应用程序。Backbone.js为我提供了“结构”,因此我的javascript不会变成一团糟。但是,我对如何使用Backbone构建多页面应用一无所知。您是否在每个页面渲染中包含main.js文件?路线呢?你怎么处理那件事呢?您如何处理模块化等问题?我希望有关于如何使用Backbone构建多页javascript应用程序的教程。 最佳答案

javascript - Bootstrap Material 设计无法在动态 Angular View 中正常工作

我将material-bootstrap脚本包含在我的Angular项目的index.html中,但它们需要手动重新包含在View中才能工作。这很奇怪,因为对于插入到Angular中的所有其他脚本来说,这不会发生。index.html我还注意到material-bootstrap不能很好地与Grunt和Bower配合使用,并且往往会在构建时自行删除(因此手册包含在页面底部)。这些是Material-boostrap和Angular/Bower/Grunt的已知错误还是我做错了什么?如果您还需要什么,请告诉我!编辑:bower.json中的依赖"dependencies":{"angul

javascript - 关于 Backbone + React 应用程序中模型的混淆

这是一个example将Backbone与React结合使用。他定义了一个Model:var_todos=newBackbone.Model();然后向其添加两个函数:varTodoStore=_.extend(_todos,{areAllComplete:function(){return_.every(_todos.keys(),function(id){return_todos.get(id).complete;});},getAll:function(){return_todos.toJSON();}});我不明白的是为什么areAllComplete被应用于Model而不是C

javascript - angularjs 创建/导出 html View 为 pdf

我正在使用bootstrap创建模态窗口,在这个窗口中我有一些信息、一些表格和文本区域,是否可以从这个.html模态视图创建一个.pdf文件?我查看了FileSaver,但这只适用于下载表格,我想要的几乎就像模态窗口的打印屏幕。 最佳答案 使用html2canvas将html隐藏到Canvas中然后使用jsPdf转换为pdf。这是例子fiddle像这样DownloadPdfhtml2canvas($("#canvas"),{onrendered:function(canvas){varimgData=canvas.toDataURL

javascript - 初始 handsontable View 不会拉伸(stretch)到正确的宽度

我有一个handsontable对象(实际上是两个对象,都在Bootstrap模式中),它在页面构建后加载了数据。这是一个重复问题的jsfiddlehttps://jsfiddle.net/mtbdeano/w7dofbyy/即使使用stretchH:all选项,表格的大小也太窄了。单击内容后,它们会像变魔术一样调整到正确的列宽。我是否缺少一些初始化参数?加载新数据后如何将其调整为正确的宽度?/*thesetablesareinthemodal*/$('#keyword_table').handsontable({data:keyword_data,rowHeaders:true,co

javascript - MaterializeCSS 日期选择器 : setDate does not update the view

使用MaterializeCSS1rc2,我尝试从Javascript更新我的DatePicker的日期。我的HTML我的JSfunctionchangeDate(date){/*dateisajavascriptDateobject*/vardatepicker=document.getElementById('datepicker');varinstance=M.Datepicker.getInstance(datepicker);instance.setDate(date);}查看控制台,所有变量都设置为其预期值。当我单击DatePicker时,这也是显示的预期日期(我在chan

javascript - 类似于 google+ 相册 View 的动态图像排序和裁剪

有人能帮我找到一个解决方案来实现与googleplusalbumview相同的结果吗??缩略图列表通过重新排序和裁剪图像来保持一致的行宽,使它们始终适合,并根据窗口大小重新排列它们。我知道masonry但当图像大小不同时,它往往会产生大量空白...(因为它不处理裁剪)有人知道有这样的插件吗?或者如果不是它背后的基础数学? 最佳答案 看看:http://blog.vjeux.com/2012/javascript/image-layout-algorithm-google-plus.html它解释了布局的工作原理。另请参阅:http:

javascript - 简单但功能齐全的 Backbone 示例应用程序?

我正在开始使用Backbone,我正在寻找一个没有困惑但具有所有关键Backbone功能的示例应用程序:路由、模型、集合、View和事件。理想情况下,应用程序的工作流程应该是这样的:应用加载文章标题列表。用户点击文章标题。View略有变化以更新URL并突出显示该博文。最小和简单,但只是展示了如何使用所有关键元素,包括路由(在示例中似乎经常被省略,包括theofficialexample)。基本上我想要类似samplecodeinthisblogpost的东西,但(a)防弹和(b)也带有HTML,这样我就可以复制、粘贴并立即开始使用它。有人知道这样的例子吗?