【javascript – 子视图覆盖父视图的边界. [反应天然]】教程文章相关的互联网学习教程文章

javascript – 从ember.js视图访问DOM元素的属性【代码】

如何从视图本身访问由ember.js视图插入的DOM元素的属性.这是一个简短的例子.让我们说我有以下cat.handlebars模板:{{#collection contentBinding="App.catsController"}}<div class="cat" {{bindAttr id="view.content.id"}}></div> {{/collection}}在此视图中使用:App.CatView = Ember.View.extend({templateName: 'cat',catsBinding: 'App.catsController',didInsertElement: () ->#need to get the id of each DIV that is bei...

javascript – 设计客户端,用于使用ajax更新多个部分视图【代码】

如何设计ASP.NET MVC来更新多个部分视图? 就像基于客户端对视图的操作一样,如何更新其他部分视图. 示例:假设有3个局部视图,并且在其中一个局部视图中选中复选框时,其他2个局部视图应该更新. 我是否必须为不同的视图设计不同的Javascript模块,然后从一个局部视图中引发事件,然后订阅其他两个部分视图? 有没有支持这种事件的js框架,或者两个视图如何相互通信?解决方法:请记住,因为那些是部分视图并不意味着它们不属于当前的DOM. ...

javascript – AngularJS更改URL但不更改视图

我们正在使用angularJS和angular ui-router,并希望更改地址栏中的URL,但保持视图/状态相同. 我已经尝试过使用历史pushstate但是我遇到了冲突导致无限的$digest循环. 我也尝试过sync()https://github.com/angular-ui/ui-router/wiki/Quick-Reference#urlroutersync中描述的方法 – 它本质上是在$locationChangeSuccess上调用preventDefault.然而,这似乎没有用 – 正如这个plunkr:http://plnkr.co/pLC2Ai所证明的那样 有谁知道这个问...

javascript – 如何将我的“桌面视图”html文件与我的“移动视图”jQuery移动文件结合起来?【代码】

为了详细说明我的问题,我设计了一个专门在桌面上查看的网站.如果在移动设备上进行测试,它看起来不太好.因此,我使用jQuery mobile为我的网站(包含所有相同的内容)制作了完全不同的布局(由于其简单性). 我现在意识到可能有更好的方法来实现这一点,例如在我的CSS文件中实现移动视图,基于媒体查询,但这是我选择这样做的方式,并且更愿意坚持下去. 所以这是我的问题: 我想使用我的JavaScript文件来检测不同的屏幕大小,以便根据指定的屏幕...

javascript – 如何通过jquery访问视图中动态添加的元素【代码】

我想访问和修改加载角度视图的元素.我似乎无法做到,但元素在控制台输出就好了. 布局<!DOCTYPE html> <html> <head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><title></title> </head> <body data-ng-app="myapp"><div class="wrap"><div class="header"></div><div class="content"><div data-ng-view=""></div></div></div><script type="text/javascript" src="/content/plugins/jquery/...

javascript – 从Ajax调用Django视图【代码】

我正在使用Ajax(以及Django)在按钮点击上执行一些操作.我成功调用了javascript函数,但我无法调用Django视图.没有错误,但我视图中的print语句不打印…? urls.pyurlpatterns = patterns('polls.views',url(r'^request_access/$', 'request_access',name='request_access'), )views.pydef request_access(request):print("DJANGO VIEW")if request.method == "POST":print("DATA: ", request.POST.get('request_data'))return HttpRe...

javascript – 如何刷新离子视图【代码】

我想在单击按钮时刷新页面(刷新页面中的数据,释放缓存)主页面我在主页面上有一个列表.有一个功能可以更改列表中的项目.但是当我更改项目并重定向到主页面时,它会向我显示之前的值,直到刷新页面,我只想在按下按钮时刷新(清除主页面上的缓存).在控制器$state.go(“app.feed”);我写了这个.我该如何改变它?解决方法:如果您只想重新加载状态,可以使用:$state.go($app.feed, {}, {reload: true});$state.go($state.current, {}, {relo...

javascript – 如何在角度js中更改控制器的视图?【代码】

我是角度js的新手,并尝试使用ng-view和ngRoute指令. 我有一个loginPage.html,其中我有登录按钮的代码,如下所示<button class="button button-block" ng-click="login()">Log In</button> 点击按钮,loginController中的登录功能将被执行,我的控制器编写如下:var App = angular.module('App', ['ngRoute']);App.config(['$routeProvider',function($routeProvider) {$routeProvider.when('/', {templateUrl: 'loginPage.html',contr...

javascript – 返回视图在控制器中使用警报脚本后【代码】

这是一个对在C#代码中管理JavaScript感兴趣的问题,而不是讨论这是否是一个好的设计. 我开始尝试使用this answer在控制器内创建警报.我明白,在控制器中使用JS并不常见. 如果我在控制器中创建警报,我该如何管理程序流然后返回视图.返回警报时会干扰显示视图的进度. 第一种方法是在DoSomething中暂停代码:public ActionResult DoSomething() {// code to get Userif(User.Role == someRole){return Content("<script language='javas...

javascript – 在angular2中解析xml以在视图中呈现【代码】

我是否需要解析我的xml以从xml中获取数据以在html中呈现?我目前正在使用http.get请求获取本地.xml文件,并在控制台日志中显示xml文件中的所有信息,我认为它只是阅读它. 问题是如何在angular2中将xml转换为json格式? 我尝试了console.log(data.title),但这让我觉得身份不明getXml() {this.http.get('../../xmlConf/dashboard_journey.xml').map(response => response.text()).subscribe(data => {if(data) {console.log('fetching ...

javascript – Knockout bind 2链接到不同的视图和swich modelview【代码】

我是淘汰赛的新手,并希望在页面上有2个模型的2个链接.我希望链接上的click事件切换显示哪个视图模型.我已经尝试了几种方法,并有一个jfiddle https://jsfiddle.net/edgrttj3/7/,但我无法让它工作.关于我可能做错什么的任何想法?<div id="content"><a id="button1" href="#" >View 1</a> <a id="button2" href="#" >View 2</a> <hr /><div data-bind="with: selectedView"><div data-bind="template: { name: templateName, data: d...

javascript – 更新视图(DOM)后的调用方法(在Angular 2中)【代码】

假设我有以下指令:import {Directive, Input, OnChanges } from '@angular/core'@Directive({selector: 'select[my-select]' }) export class NbSelect implements OnChanges {@Input() ngModel;constructor() {}ngOnChanges(changes) {doSomeStuffAfterViewIsUpdated();}doSomeStuffAfterViewIsUpdated() {console.log(jQuery('select[my-select]').val()); // this should write the new value} }我在模板中的某个地方使用它:…...

javascript – 角度处理@如何在视图路径中签名?【代码】

我在看datalake aws来源.他们的package.js包含:'@package': {templateUrl: 'package/package.html',controller: 'PackageCtrl' }angularjs如何处理@package?如果需要将控制器指向包路径,他们可以只定义没有@的包,不是吗? 更新 该控制器工作时的URL是http://127.0.0.1:8000/#/package/someId解决方法:我在ui-router的文档中找到了它:if an @ is used then the view path is considered absolutehttps://github.com/angular-ui/u...

javascript – 我可以将Marionette集合视图附加到现有HTML吗?【代码】

我正在使用带有node的browserify来渲染服务器上的集合,然后在客户端使用Marionette. 是否可以使用Marionette区域attachView()将CollectionView附加到现有的html列表?解决方法:Marionette没有提供通过标准API执行此操作的方法,但可以使用Marionette的一些内部CollectionView方法.我在这里提供了一个例子: http://jsbin.com/zirupeli/1/edit 关键部分是CollectionView中的createChildren函数:var List = Marionette.CollectionVie...

javascript – 包括特定于ASP.NET MVC4视图或部分视图的脚本【代码】

我已经查看了类似于How to add a script in a partial view in MVC4?和MVC4 partial view javascript bundling Issue的一些问题,并且在查看特定于脚本的脚本时,我仍然在努力理解ASP.NET MVC架构.对于试图在其MVC4部分视图中包含脚本的其他人而言,似乎是将脚本置于更高级别的答案.但是某些脚本无法移动到更高级别,它将在全局范围内运行更多.例如,我不想运行将knockout.js数据绑定应用于未加载控件的视图模型的脚本.而且我不希望为每...

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 全部