草庐IT

ui-virtualization

全部标签

javascript - 即使状态发生变化也无法加载 ui-view

我正在使用AngularUI路由器。请在下面找到代码。index.htmlRouteMainController.jsvarapp=angular.module("appHome",['ui.router']);app.config(function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise('/login');$stateProvider.state('introduction',{url:'/',views:{'mainview':{templateUrl:'Login.html',control

javascript - 如何关闭使用 FB.ui() 打开的 Facebook SDK 对话框?

我成功地显示了一个邀请friend对话框(代码如下所示)。当用户单击跳过iframe/对话框时,会显示一个新页面。但是从这一点来看,我找不到关闭iframe/对话框的方法。FB.ui不返回任何对象,似乎没有JavascriptSDK方法,并且使用DOM遍历和操作对于任何FB代码更改都是脆弱的。有什么想法吗?functionpopupInviteForm(actionUrl){varfbmlString=''+''+''+''+'';FB.ui({method:'fbml.dialog',fbml:fbmlString,display:'dialog',size:{width:640,h

javascript - 具有多个作用域的 JQuery UI 可拖放?

我想要几类draggables,每类对应一类droppables。但除此之外,我还想有一个单独的“垃圾箱”,所有的可拖拽物都可以被丢弃,直到找到合适的可拖放物为止。现在,这可以通过接受函数轻松实现。但是,我可能有多达20个类,每个类有30-40个可拖动/可放置的对象。因此,如果我为此使用“接受”功能,当我拿起一个可拖动对象时,我的chrome会卡住,因为它会为屏幕上的每个可放置对象运行测试:(如果我使用“scope”属性就可以解决这个问题,因为它似乎使用了一些不同的方式。但是,当我使用范围时,我似乎无法实现“垃圾桶”的概念,因为它只能有一个范围!有什么方法可以绕过这个问题吗?给drag

javascript - 如何在 "background"/不卡住 UI 中运行 javascript 函数

我已经完成了一个HTML表单,它在许多不同的选项卡中有很多问题(来自数据库)。然后用户给出这些问题的答案。每次用户更改选项卡时,我的Javascript都会创建一个保存。问题是每次更改选项卡时我都必须遍历所有问题,并且每次都会卡住表单大约5秒钟。我一直在寻找如何在后台运行保存功能的答案。显然没有真正的方法可以在后台运行某些东西,许多人建议使用setTimeout();例如这个Howtogetagroupofjsfunctionrunninginbackground但是这些例子都没有解释或考虑到即使我使用像setTimeout(saveFunction,2000);这样的东西也不能解决我

javascript - AngularJs 和 Angular-UI-Router 路由权限

我面临着如何根据从服务器获取的远程数据实现路由限制的问题。假设我有以下配置文件:angular.module('myApp').config(['$stateProvider',function($stateProvider){$stateProvider.state('post',{url:'/post/:post_id',abstract:true,[...]}).state('post.view',{url:'/view'[...]}).state('post.edit',{url:'/edit'[...]})}]);我的申请要求是:一个帖子有一个所有者(帖子的创建者),它的域可

javascript - 如何使用JQuery UI滑动效果无缝滑出一个div并滑入另一个div?

我正在使用$("#viewPort").effect("slide",hideoptions,1000,callback)滑出“viewPort”div,并在回调()函数中通过调用将新的div滑入显示器$("#viewPort2").effect("slide",showoptions,1000)varhideoptions={"direction":"left","mode":"hide";varshowoptions={"direction":"right","mode":"show"};问题在于它不是无缝过渡:首先内容滑出留下空白区域,然后新内容滑入。有没有办法避免空白显示?

javascript - 有条件地将 "multiple"属性添加到 ui-select

我正在尝试使用ng-attr-multiple属性添加到ui-select指令指令。不幸的是,这对我不起作用。我已经设置了一个plunker示例来展示正在发生的事情。PlunkerExample 最佳答案 编辑看完上面提到的GitHubIssue终于明白了在Angular仓库中。您需要设置一个具有更高优先级的指令,并将terminal属性设置为true(它会跳过所有其他指令的编译,在我们的编译之后指示)。然后在postLink函数中,我们将编译整个元素本身。但在此之前我们自己的指令需要被删除(无限循环!)。大人物出局Adddirec

javascript - 将 jquery ui datepicker 集成到 React JS 中

我正在尝试使用Reactjs将jqueryuidatepicker集成到输入文本上,我有这个jsbin,http://jsbin.com/diyifa/edit?html,js.我有一个名为Datepicker.js的组件importReactfrom'react';importReactDOMfrom'react-dom';import{UserProfileForm}from'react-stormpath';exportdefaultclassDateInputextendsReact.Component{render(){return()}}exportdefaultclass

javascript - 使用 semantic-ui 突出显示代码

我正在为网站使用semantic-ui,我想知道代码突出显示是否是它支持的实际功能。图书馆的docspages中显示了代码块带有突出显示的代码,但我找不到有关如何在我的项目中使用它的任何详细信息。查看他们页面的源代码后,我尝试创建以下未突出显示代码的div:#!/bin/bash#testecho'hellothere'还尝试包含此脚本:http://semantic-ui.com/javascript/library/highlight.min.js是我编码错误还是代码高亮显示甚至不是库的一部分? 最佳答案 正如jlukic在po

javascript - Angular UI 模态、内联模板和 Controller

我想使用UI-modal创建一个非常简单的确认框,过去我已经成功地使用它来制作复杂的模态,从外部文件加载模板和Controller。虽然它非常简单,但我不想依赖外部模板和Controller文件,只是一个带有关闭按钮的简单框,它以某种方式连接到直接在模态实例上声明的Controller。这是我尝试失败的方法...varmodalInstance=$modal.open({template:"Messagegoeshere...Continue",controller:function(){$scope.cancel=function(){alert("Cancelled");};}})