草庐IT

angular-ui-sortable

全部标签

javascript - Angular 动画 : Animate Parent and Child Elements

我用Angular动画创建了一个元素(div.parent),效果很好。当我向它添加一个子元素并尝试同时为该子元素设置动画时,其中一个动画并没有结束运行(它只是捕捉到新状态)。堆栈Blitz:https://stackblitz.com/edit/angular-2tbwu8标记:动画:trigger('theParentAnimation',[state('down',style({transform:'translateY(100%)translateZ(0)',})),transition('**',[group([query(':self',[animate('0.9scubi

javascript - Angular:mat-form-field 必须包含一个 MatFormFieldControl

我正在尝试添加一个带有自定义电话号码输入控件的表单域。我使用了来自https://material.angular.io/components/form-field/examples的电话示例.代码如下:phoneIncludeareacodeimport{FocusMonitor}from'@angular/cdk/a11y';import{coerceBooleanProperty}from'@angular/cdk/coercion';import{Component,ElementRef,Input,OnDestroy}from'@angular/core';import{Fo

javascript - 你如何使用 FB.UI 自动发布?

我有stream_publish权限,但它仍然会弹出一个对话框,而且似乎没有任何方法可以传递自动发布bool值(就像在图形api之前一样)。编辑:还尝试使用stream_publish进行offline_access。关于如何让它发挥作用的任何想法?functionstreamPublish(imageUrl,imageHref,attachName,attachHref,attachCaption){FB.ui({method:'stream.publish',message:'',attachment:{name:attachName,caption:attachCaption,d

javascript - 在 Rails 应用程序中对 Javascript 繁重的 UI 进行集成测试的最佳方法是什么?

我们有一个在UI中广泛使用AJAXyJavascript的Web应用程序。我们使用Shoulda和Webrat对后端进行了几乎完整的代码覆盖,并希望扩展我们的测试套件以包括通过JavascriptUI进行的完整集成测试。我们尝试了Selenium,但发现它脆弱且易变。有没有更可靠的选择?更新对于那些仍在检查的人,我们最终使用了Xvfb,这样我们就可以在没有屏幕的情况下运行Firefox。允许我们在headlessJenkinsCI服务器上运行测试。我们仍然需要偶尔在本地“实时”运行测试以进行调试,但它运行良好。 最佳答案 我最近工作

javascript - 更改 jquery sortable 的排序行为

我有一个类似本页第二个示例的可排序对象:http://jqueryui.com/demos/sortable/items.htmlsortable是目标的混合:那些可以拾取和重新排列的无法拾取的禁用元素(但为掉落目标)。问题在于组件解释我的排序意图的方式。例如,拾取以下列表的第一个元素并将其拖动到第四个位置将如下所示:ABCXX==>BCXAX这里的X表示禁用的项目。在我的应用程序中,我希望排序行为有所不同。当拾取目标并将其放置在禁用项目(X)上时,列表不应移动以容纳目标,而是目标和禁用项目应该交换位置。使用与之前相同的示例(从第1位拖到第4位):ABCXX==>XBCAX如果放置目标

javascript - 没有复选框的 Kendo UI TreeView 父节点

用复选框实现显示TreeView的方法是什么,但我不需要父节点的复选框,只需要没有子节点的“项目”。即我正在显示文件夹结构,但不想为任何仅用于文件的文件夹设置复选框。谢谢。 最佳答案 你应该使用checkboxtemplate.如果没有child,则根本不显示复选框输入。HereisaJSBINexample我在说什么。 关于javascript-没有复选框的KendoUITreeView父节点,我们在StackOverflow上找到一个类似的问题: http

javascript - Kendo UI 网格保存单元格模糊

我试图让我的网格在您按下回车键或离开单元格(模糊)时保存更改,而不必使用网格工具栏中的保存按钮。我无法让它正常工作,我的PHP/SQL工作正常,所以我确定网格有问题。这是我的代码:$("#grid").kendoGrid({dataSource:{transport:{read:WEBROOT+"admin/fetch-toppers",update:{url:WEBROOT+"admin/update-topper",type:"POST"}},error:function(e){alert(e.responseText);},schema:{data:"data",model:{i

javascript - 导航栏中的下拉菜单不会展开( Bootstrap 、 Angular 、指令、路线)

由于某些奇怪的原因,Bootstrap菜单下拉菜单在通过路由器模板构建时不会在单击时展开。直接在模板中使用它工作正常。这是可以玩的plunker:http://plnkr.co/edit/GOky2ajHl46VddQRKDye?p=previewTESTvarapp=angular.module('app',['ngRoute','ctrls']);app.config(function($routeProvider){$routeProvider.when('/menu',{template:'',controller:'mainCtrl'}).otherwise({redirec

javascript - "TypeError: ' 未定义 ' is not a function"尝试使用 jQuery UI 时

我正在尝试使用slider()jQueryUI的功能,并不断在控制台中收到以下错误:类型错误:undefined不是函数(计算jQuery('#slider').slider())我确实已正确链接到jQueryUIjavascript和CSS文件-当我查看页面源代码时,它们都在那里。为什么我仍然收到此错误?如果有用的话,我正在使用Rails和一些Bootstrap东西。这是JavaScript代码:$(document).ready(function(){$('#slider').slider();});谢谢这是:NewCompany-OEFortbyOxfordEntrepreneu

javascript - Facebook 通过 FB.ui 分享

我正在尝试使用我根据新文档编写的以下代码来显示“posttofeed”对话框(https://developers.facebook.com/docs/javascript/reference/FB.ui),但我收到以下错误“ReferenceError:FBisnotdefined”我使用的代码是我能想到的最简单的代码:window.fbAsyncInit=function(){FB.init({appId:'xxxxxxxx',status:true,xfbml:true});};(function(d,s,id){varjs,fjs=d.getElementsByTagName(