草庐IT

UI_USER_INTERFACE_IDIOM

全部标签

javascript - 在 ui-grid editableCellTemplate [ng-grid 3.x] 中使用 ng-option 下拉菜单

我正在使用ng-grid的新3.0版本ui-grid在我的应用程序中制作网格。我想要做的是将我表格中的一个可编辑单元格设为ng-options下拉列表中填充了使用Angular工厂检索的数据。我正在尝试使用editableCellTemplate来做到这一点ui-grid的特性。下面是一些示例代码:HTML:Controller:$scope.gridOptions={enableSorting:true,enableFiltering:true,enableCellEditOnFocus:true,columnDefs:[{field:'name',sort:{direction:'

javascript - angular ui 可排序回调

有没有办法用angularui的sortable设置回调函数?我想将ng-update="foo()"添加到下面的tbody标记中,并在列表更改时让foo运行。{{process.process}}{{process.vendor}}{{process.desc}}{{process.cost}}editremove谢谢! 最佳答案 您现在可以在ui-sortable属性中指定更新函数,如下所示:但是sortable指令仍然存在一些问题,例如thisexample.他们目前正在讨论here.

javascript - jquery ui 选项卡的主要样式更改

我正在使用jqueryUI选项卡,我需要主要更改其样式。我需要更换背景图片、边框,几乎所有东西。我需要它看起来最小,而不是独立的。执行此操作的最佳方法是什么?但是,我需要为日历小部件使用默认的UI样式,它位于同一页面上。我做了很多研究,似乎每个人都指向主题滚筒。但是,我不只是想更改颜色和边框半径。我需要删除废话。theme-roller似乎只是改变颜色之类的东西(对现实世界并不是很有用)。如何在不更改同一页面上其他UI小部件样式的情况下为选项卡调整css(我希望日历保持原样)?是否值得为我的选项卡使用jqueryUI? 最佳答案 您

javascript - 如何对 ExtJS 或类似的基于 JavaScript 的接口(interface)进行单元测试?

我正在使用PHPUnit来测试我的PHP源代码,但我也需要一种方法来测试客户端代码。我使用ExtJS来构建调用服务器获取数据的相当复杂的接口(interface)。我想知道如何测试UI? 最佳答案 最近刚推出一个新工具,叫做Siesta.它专门针对ExtJS(尽管也可以测试任何JS代码),并且非常适合测试ExtJSUI代码,因为它具有内置的ExtJS事件模拟和记录。我个人也用Jasmine对于我的单元测试,ExtJS团队内部也是如此,尽管它不是特别适合UI测试(尽管它非常适合测试代码)。

javascript - 更新 observableArray 不会更新 UI

我在ko2.0中使用无容器流量控制。当我更新我的observableArray中的项目时,它不会更新UI。我正在像这样更新数组:this.editFormHost=function(formHost){...formHost.HostName=newHostName;this.formHosts[index]=formHost;}我认为它不会更新,因为按索引更新数组不会调用ko中的任何内容。从看thedocumentation看起来没有更新对象的方法,而对象又会更新UI。或者有吗? 最佳答案 这是一个演示如何替换observable

javascript - 如何使 jQuery UI 对话框占据整个窗口并动态调整以适应窗口大小的变化?

目前,我可以将width属性设置为auto以获取窗口的整个宽度,如果窗口大小发生变化,它会自行动态调整(例如,重新调整浏览器窗口的大小或将其显示在不同的屏幕尺寸上)。示例:http://jsfiddle.net/NnsN2/但是,我无法让height正常工作。它始终是适合内容的最小高度,即使我已尝试将其设置为auto。首先获取窗口高度($(window).height())并将其用于height的通常方法在这里不起作用,因为它会是静态的,不会动态适应窗口大小的变化。如何使高度始终占据窗口的整个高度,并能够适应窗口大小的变化? 最佳答案

javascript - 具有绝对位置和底部属性的 jQuery UI 可拖动

我正在使用jQueryUI创建一个可拖动的.使用CSS绝对定位到右下角或左上角:.dragbox{position:absolute;width:140px;min-height:140px;/*Ineedtousemin-height*/border:3pxsolidblack;padding:10px;}.bottom{bottom:5px;/*causesboxtoresizewhendragged*/right:5px;}.top{top:5px;/*doesnotcauseboxtoresize*/left:5px;}HTML看起来像这样:BottomBox:(TopBox:

javascript - 在 ui-router 中从较低状态覆盖较高状态的布局 View 会导致 ui-view 为空

我正在尝试使用ui-router使用嵌套状态创建基本布局系统。我想要的是,任何“子状态”都可以覆盖顶级状态的“布局”部分,以便可以根据站点区域使用不同的站点布局。给定以下system/server/views/index.html:和两个布局互换到上面:系统/公共(public)/View/布局/standard.html:system/public/views/layouts/full-width.html:示例内容系统/public/views/index.htmlsomesamplecontent最后是路由器:function($stateProvider,$urlRouterP

javascript - jQuery slideDown 与 jQuery UI .show ('slide' )

我正在尝试利用jQuery的内置效果功能来创建一个从导航栏后面滑出的“抽屉”,将其下方的内容推开。如果我使用$('#drawer').slideDown(),内容会被推开,但实际上并没有“向下滑动”。更像是一擦就暴露了内容。如果我使用$('#drawer').show('slide',{direction:'up'}),内容会正确地向下滑动,但是元素下方的所有内容在效果发生之前跳开。有没有办法结合这两者的优点来复制我正在寻找的效果:一个滑出的抽屉,将下面的内容推开?我研究了jQueryUI的.animate()函数,但文档没有帮助。我使用它的粗略努力充满了失败。如果有人问,抱歉,我无法

javascript - JS map v3 : custom marker with user profile picture

自2天以来,我一直在为一些我认为很简单的事情而苦苦挣扎,在map上,我必须为每个用户显示一个标记,其中包含用户FB个人资料图片。我想知道如何才能得到与此类似的结果?我尝试的东西真的很骇人听闻。我把FB图片作为markericon我在标记的标签上放置了一个CSS类我找小弟加这个边框和这个箭头来装饰用户头像但本地图上有多个标记时,它不起作用。.marker-labels{display:none!important;+div{background-color:$dark-gray;border:2pxsolid$dark-gray;@includeradius(0.2em);height: