【javascript – 部分视图表单通过ajax提交以返回部分视图】教程文章相关的互联网学习教程文章

javascript – Backbone删除和新视图不会重置其属性数组内容【代码】

我对Backbone有一个关于这两个属性的观点:var MyBasketView = Backbone.View.extend({_totalCost: 0,_devices: [],在初始化时,我通过localStorage中的一个数组检查几个设备,我将它们推送到_devices数组,并将它们的总和加到_totalCost中,就像这样var self = this; _.each(this._cartItems, function(cartItem) {self._totalCost += cartItem.item.cost;self._devices.push(cartItem.item); }在我的路由器中,当我离开此页面时删除此...

如果仅在特定页面上使用javascript,为什么不应该将其置于视图中?【代码】

在his answer Richard Peck 写作: 不引人注目的JS 要考虑的其他事情(你已经这样做了),你真的需要在你的应用程序中使用不显眼的javascript. 不引人注目的JS基本上意味着您能够将页面中的“绑定”抽象为资产管道中的Javascript文件.有几个重要原因:Your JS can be loaded on any page you want (it’s DRY)Your JS will reside in the “backend” of your app (won’t pollute views)You’ll be able to use the JS to populate t...

javascript – MVC 6使用ajax将模型从视图传递到控制器到部分视图【代码】

我想要做的是创建一个可以在所有不同视图中使用的gui对象.我们的想法是通过将组件放入占位符div来将组件添加为主视图的局部视图. 这是我的模特public class Client{public int clientid { get; set; }public string clientname { get; set; }}我用来插入组件的java脚本……理想情况下,我更愿意只使用通过直接调用传递给此视图的模型数据,但这不起作用,这就是我使用下面的var模型进行故障排除的原因…var model = {clientid: 23,cli...

javascript – 具有下拉列表的Asp.net动态网格视图【代码】

我有一个动态(允许动态添加行)一个ASP gridview,它的一个列中有一个下拉列表.我希望根据数据输入期间下拉列表中的选择,在列中启用/禁用文本框. 任何帮助将受到高度赞赏.解决方法:您可以使用jQuery轻松完成此操作.通过一些修改,您可以按照您的意愿使其正常工作. 首先,将以下内容添加到< head>标签:<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(d...

javascript – backbone.js – 模型/视图如何链接到DOM元素?

我只是在玩backbone.js和一些jQuery魔法来为即将到来的项目做准备. 一个测试用例包含一个表,其行由骨干视图呈现.它们在价值变化时得到了完美的重新渲染.然后整个表按jQuery插件(Animated Table Sort)排序,行移动到新位置.事实上,这个过程只运行一次,但下一次,行出现两次,一切都以混乱结束. DOM元素和骨干视图之间的链接是否有可能无法处理这种变化?有没有解决方法?解决方法:当您使用像backbone.js或knockout.js这样的模型/视图框...

javascript – 在路由更改时销毁骨干视图【代码】

在离开当前路线位置后,我的视图应该被销毁. 因此,在此示意图示例中,应在用户输入其凭据后销毁登录视图: 我尝试使用Backbone.Router事件来解决这个问题:var Router = Backbone.Router.extend({initialize: function () {Backbone.history.start();},routes: {"sample" : "sample"},sample: function(){// Build viewvar demoView = $("<div/>").appendTo(document.body) .text("I am lost!");// Destroy viewthis.once('route', ...

javascript – Knockout可观察数组.在多个视图模型之间共享【代码】

在多个视图模型中共享一个挖空可观察数组时遇到了一些难题. 基本上,我的布局如下Transport... textbox fields, etcSelected Passengers:<!-- ko foreach: allPassengers --> <input type="checkbox" /><!-- /ko --><button>Add Transport</button>Holiday... textbox fields, etcSelected Passengers:<!-- ko foreach: allPassengers --> <input type="checkbox" /><!-- /ko --><button>Add Holiday</button>现在,每个部分的选...

javascript – 为什么视图在这种特殊情况下没有更新? ($范围.$适用)【代码】

试着理解为什么在这种情况下我需要使用$scope.$apply?根据我读过的关于这个主题的所有信息,我不应该这样,因为一切都发生在Angular内部?我错过了什么? 在我的控制器中:$scope.savePreset = function(columns, $event){$event.preventDefault();preset.name = prompt("Please enter preset name", "My Preset");if (preset.name != null) {preset.columns = $scope.columns;$scope.presets[preset.name] = preset; // (Object)//...

在视图中没有Jquery脚本引用的情况下,不显眼的Javascript验证是不可用的【代码】

对于某些上下文,DOM层次结构:Layout.cshtml> View> Partial View布局文件包含:<head>@Scripts.Render("~/bundles/jquery")@Scripts.Render("~/bundles/jqueryui") </head> <body><div>@RenderBody()</div>@RenderSection("scripts", required: false) </body>视图包含一个表单.提交表单后,AJAX调用将返回使用$(‘selector’).html(PartialViewResult)插入View的局部视图. 部分视图包含:// @Scripts.Render("~/bundles/jquery") ...

javascript – 子视图事件回调是否优先?【代码】

我有几个相关的主干视图: 第一:App.Views.TreeGrowthBase = App.Views.TreeGrowthBase.extend({events: {'submit form': 'submitForm', ...然后在同一个文件中:submitForm: function(e) {e.preventDefault();和应用程序中的其他地方:App.Views.WineTreeGrowthBase = App.Views.TreeGrowthBase.extend({submitForm(event) {event.preventDefault();我的问题:在最后一段代码中……语法是什么:submitForm(event) {event.prevent...

javascript – 将内容加载为元素滚动到视图中【代码】

我在< div>中有一个搜索结果列表具有静态高度和溢出的元素:auto;在风格.我想只加载前x个搜索结果(例如20),并在用户滚动到包含搜索结果的元素的底部时加载另外x个结果. 任何人都可以向我解释我会怎么做?我找到了一些示例,但所有这些示例都使用整个文档的滚动值,而不是单个< div>.如果重要的话,我正在使用jQuery.解决方法:听起来像你想要在接近结尾时检测滚动条的位置. Found this在jquery组上搜索时.如果需要,它建议的解决方案添加...

如何从视图中的javascript函数更改模型属性?

有没有办法从视图中的javascript函数改变我的模型属性? 具体来说,我有一个编辑视图,需要访问字符串属性值function SomeJSFunction() { var somevar = ‘<%=Model.Property %>’; …然后对somevar进行一些更改并将model属性设置为更改的字符串.我现在正在提交,所以这不是处理显示的问题,只需要在我提交之前从函数内部改变模型.我知道我可以将字符串作为参数传递并在控制器内处理它但它只是没有剪切它,因为我真的需要在视图中完成它...

Drupal 6 – 将Javascript添加到视图中【代码】

我想在视图中添加一个Jquery插件.但是,我不想通过.info文件添加,因为我不想在每个页面上添加它.我也不想将它添加到视图的标题或创建view.tpl.php文件. 此page显示了如何通过template.php将Java脚本添加到节点.反正有没有做类似的事情通过template.php文件将Java脚本添加到视图?解决方法:这是Daniel Wehner回答的一个例子.它假设您的视图称为“博客”,您的显示ID为“page_1”.此代码进入template.php.记住在向template.php添加新函...

javascript – 检测图像何时滚出视图【代码】

我有一个div,里面会有几张图片.当用户滚动到图像的顶部或底部边缘即将被父div隐藏的点时,我希望图像消失.结构是这样的:<div class="parent"><img/><img/> </div>我的目标是当它的顶部或底部边缘开始被父div隐藏时让图像淡出,然后当它滚动到完整视图时让它淡入. 我正在使用jQuery并监听div滚动事件以检查img offset().top,并且一旦它达到不在视图中的顶部值,我隐藏图像. 但这似乎占用了大量的cpu时间,因为我必须使用每个滚动事件迭...

javascript – 在骨干视图中如何以及在何处初始化jquery数据表【代码】

我的html模板看起来像这样:<script type="text/template" id="players-template"><table id="example" class="table table-striped table-bordered table-condensed table-hover"><thead><tr><th>Name</th><th>group</th><th></th></tr></thead><tbody id="playersTable"></tbody></table></script> <script type="text/template" id="player-list-item-template"><td><@= name @></td><td><@ _.each(hroups, function(group) { ...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部