草庐IT

ui-virtualization

全部标签

javascript - jQuery UI 多对话框内容跳到顶部

如果您在一个页面上打开了多个jQueryUI对话框,其中的内容足以强制滚动条,则在对话框之间单击会导致事件对话框的内容滚动到顶部。您可以查看此JSFiddle示例(一个框在另一个框后面):http://jsfiddle.net/kRAd4/如果将它们都向下滚动一点,然后从一个框单击到另一个框,您就会看到它发生了。有什么办法可以阻止这种情况吗?这是JSFiddle网站上使用的代码,很简单:HTML:HereIsALotOfTextHereIsALotOfTextHereIsALotOfTextHereIsALotOfTextHereIsALotOfTextHereIsALotOfText

javascript - 如何使用 jQuery UI 工具提示在打开时更改工具提示颜色?

我正在努力实现以下目标,但不知道如何实现。我在一个页面上有几个工具提示,但我希望每个工具提示看起来都不同(例如,取决于严重程度)。这是我目前所拥有的:Tooltip1(Warning)Tooltip2(Danger)//inittooltipArrowToolTip.init('container');/*JAVASCRIPT*/varArrowToolTip={init:function(parentId){jQuery('#'+parentId).tooltip({content:function(){varelement=jQuery(this);returnelement.at

javascript - Datatables 高级过滤器菜单,如 Excel 或 Kendo UI Grid?

我很惊讶没有在DataTables中找到类似过滤的Excel(因为它是如此广泛使用和先进的插件)。这是否存在,或者是否有一种简单的方法来实现它?下面是高级菜单过滤器(如Excel)的示例。谢谢!剑道用户界面:http://demos.telerik.com/kendo-ui/grid/filter-menu-customizationhttp://dev.sencha.com/deploy/ext-4.0.0/examples/grid-filtering/grid-filter-local.html 最佳答案 YetAnother

javascript - jQuery UI Datepicker 显示不正确的周数

当使用jQueryUI日期选择器并从周日开始一周时,周数不正确。例如,2016年1月3日应该是第1周,因为所有日期(3日到9日)都在同一年。但正如您在下面的屏幕截图中所见,UI显示为第53周。这是呈现日期选择器的代码:$("#datepicker").datepicker({showWeek:true,firstDay:0});所以没有什么特别的,除了显示周数和从星期日而不是星期一开始一周(默认情况下)。这是问题的一个fiddle:https://jsfiddle.net/vLqabmmz/ 最佳答案 因为这看起来像是jQueryU

javascript - 带有 Jquery-ui slider 的 Angular2

我尝试将Jquery-uislider与angular2一起使用。我想让变量“slideValue”显示slider的值,但我不知道如何将我的模型或变量从Angular绑定(bind)到slider。这是我的slider组件:import{Component,ElementRef,Inject,OnInit}from'angular2/core';declarevarjQuery:any;@Component({selector:'slider',template:`slideValue={{slideValue}}`})exportclassSliderimplementsOnIni

javascript - JQuery UI 可拖动 : Exceed containment on one side

我正在使用JQueryUI来实现可调整大小/可拖动的元素。现在我想为这些元素定义一个容器,以限制在三个(!)边上的调整大小/拖动。例如。看看这个JSFiddleexample.您可以看到包含的元素只能在父区域内调整大小/拖动。我想实现的是元素可以超出底部阈值并移动到父元素的底部边框之外。尽管如此,调整大小/拖动仍应限制在顶部、右侧和左侧,如父级相应边框所规定的那样。所以thismodification是我想出的://resizable/draggableoptionresize/drag:function(event,ui){expandParent("#parentElement",

javascript - 没有任何UI框架的页面上的phonegap滑动过渡效果

目前我在phonegap响应式移动应用程序中工作。我没有使用jquerymobile或任何其他UI框架。我想在页面上滑动左/右过渡效果。我没有找到页面滑动过渡的正确解决方案。有人帮我解决这个问题,因为我不知道如何实现这种效果? 最佳答案 最后我得到了用于cordova(phonegap)应用程序的slidetransition插件。它适用于android和iphone。最适合没有任何UI框架的单页和多页应用程序。它支持滑动、翻转、淡入淡出和curl过渡。http://plugins.telerik.com/cordova/plugi

javascript - Angular UI Bootstrap Slider 每张幻灯片多个项目

我正在连接到Web服务,并希望为每张幻灯片填充4个项目的UIBootstrap轮播。我正在使用|limitTo:4,但我需要一种方法来限制总共10张幻灯片中的每张幻灯片4张。这是HTML{{event.title}}引用Controllerapp.controller("eventsController",function($scope,$http){varevents=$http.get('/events');events.success(function(data){$scope.eventData=data.events["event"];console.log($scope.e

javascript - 是否可以在 angularjs 中对 ui.router 的 resolve 执行 $http get 请求?

我有以下代码(下方),它们非常适合我,至少满足我的需要。但我对此持怀疑态度,我觉得它好得令人难以置信。由于我在$http的异步行为中苦苦挣扎,这对我在Controller上全局使用来自$http请求的响应对象有很大帮助。我只是想知道它是否是正确的方式或至少是可接受的方式,或者我是否应该使用使用$http的传统方式来获得像AngularJS'Documentation上的那种方式在我继续我的项目之前。答案会对我有很大帮助。谢谢你。$stateProvider$stateProvider.state('test',{url:'/test',templateUrl:'partial.temp

javascript - angularjs 中的 ui-view 和 ionic 中的 ion-nav-view 有什么区别

如您所知,在Angularui-router中,我们使用ui-view将html呈现给父级html。根据this:js文件:$stateProvider.state('report',{views:{'filters':{...templatesand/orcontrollers...},'tabledata':{},'graph':{},}})同样在Ionic框架中我们可以使用这个:有什么区别? 最佳答案 这是自定义Ionic框架指令。您可以在此处找到详细说明ion-nav-view.它具有更多高级功能,如跟踪历史记录、转换等等。