草庐IT

ui-testing

全部标签

javascript - jQuery 工具提示 UI - x 秒后触发工具提示

这是我目前所拥有的:TooltipTestingsbody{margin:60pxauto;}p{padding:0;margin:4pxauto;text-align:center;}$(function(){$(document).tooltip({items:'.tooltip',show:100,hide:500,position:{my:'centerbottom',at:'centertop'},content:function(callback){varmsgid=this.id.split('_')[1];$.ajax({type:'post',url:'/toolti

javascript - 动态更改 jquery UI 对话框的大小

我有一个jquery对话框。我在对话框中显示一个asp.netgridview。我希望对话框的大小根据GridView的大小而改变。有一个按钮,点击它会显示对话框。我想设置对话框的大小,使gridview完全适合它。Ihavemyjavascriptcodebelow:$("#ViewModalPopup").dialog({height:800px,scrollable:true,width:800,modal:true});这里的#ViewModalPopup是包含模态弹出窗口的div。我尝试实现以下逻辑以根据div的大小调整对话框的高度:varmaxHeight=600;varc

javascript - Angular-UI-Router - 获取动态模板的内容

我正在使用angular-ui-router构建一个Angular应用程序。后端有一个RESTapi,它根据工单ID为我提供表单的url。在app.js中,我想根据对此REST服务的查询动态设置模板。示例:$stateProvider.state('form',{url:'/form/:id',templateProvider:function($resource,formResolver,$stateParams){//formResolvercallstheRESTAPIwiththeformidandgetsbackaURL.returnformResolver.resolve(

javascript - 语义 UI 边栏和下拉菜单

我正在尝试使用语义ui创建一个简单的webui。我想要一个带有菜单的侧边栏,在某些项目中会有子项目......应该不会那么难吧?http://jsfiddle.net/ycm8ctfx/ExampleMessages如何让子项目在正常页面内容上“飞出”侧边栏?如果您在示例中单击“消息”,将出现菜单(观察底部出现的滚动条),但由于它们是侧边栏的子项,因此它们显示在侧边栏中。但我希望它们漂浮在正常内容上!我没有通过摆弄z-index来让它工作。 最佳答案 如果侧边栏被配置为使用overlay过渡,它可以通过指定来修复.ui.sideba

javascript - 如何从其他 Controller 关闭 Angular-ui 模式

我正在使用Angular-ui弹出一个带有表单的模式。我的代码是:app.controller('NewCaseModalCtrl',['$http','$scope','$modal',function($http,$scope,$modal,$log){$scope.items=['item1','item2','item3'];$scope.open=function(size){varmodalInstance=$modal.open({templateUrl:'modal-new-case.html',controller:'ModalInstanceCtrl',size:s

javascript - 使用 Chutzpah 运行 QUnit (TypeScript) 测试给出 "Called start() outside of a test context while already started"

我有一个相当简单的重现,结果我不明白。确保安装了Chutpah测试适配器4.0.3。使用VisualStudio2013执行以下步骤:创建一个新的.NET4.5.1类库项目;添加NuGet包qunit.TypeScript.DefinitelyTyped0.1.7;将TypeScript文件file1.ts添加到项目中,内容如下:///QUnit.test("QUnitisworking",assert=>assert.ok(true));在该文件内右键单击并从上下文菜单中选择“运行JS测试”。我可以确认file1.js是按预期生成的。结果是没有运行任何测试,测试资源管理器没有显示测试

javascript - 如何在规范文件中注入(inject)服务 Angular Testing (Jasmine/karma)

我刚开始编写Angular单元测试用例。我在我的Controller文件(.ts)中注入(inject)一项服务。我将如何在规范文件中注入(inject)服务文件。代码如下:app.component.tsgetSortData(){this.sortService.sortNumberData(this.data,'name','asce');}sort.service.tssortNumberData(data,rendererKey,type){//data.sort((elem1,elem2)=>{////ifnumberisundefined,thenassigning`MA

javascript - JavaScript UI 小部件的框架?

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况相关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭10年前。我正在尝试将JavaScriptUI小部件框架列表放在一起以供在项目中考虑。理想情况下,它将是一个具有一系列现成的ui小部件的库,不依赖于dom/js扩展/操作框架(如JQuery或Prototype),最少的附加内容,如AjaxAPI和DOM选择器等。这是我目前所拥有的:qooxdoo,脚本客户端ExtJs谁能推荐其他值得一看的?请不要建议,JQuer

javascript - 在 jquery UI 中检测单选/复选框 'checked' 状态。底层按钮不更新

我正在使用jQueryUIbuttonwidget在我需要验证某些单选/复选框元素的表单中。根据提供的链接中的演示-Their(theoriginalelements)associatedlabelisstyledtoappearasthebutton,whiletheunderlyinginputisupdatedonclick.即使您检查我提供的示例页面,底层按钮元素也不会更新任何内容。注意-默认选中示例中中间的单选按钮。我正在使用以下代码来检测按钮状态-奇怪的是它总是正确的(我认为它是错误的)。$el=$("#someCheckbox");if($el.attr('checked

javascript - 扩展 jquery ui 小部件 - 如何访问父事件

我正在尝试创建一个扩展自ui.slider的jQuery小部件.我想要一个在“幻灯片”事件上执行的自定义方法。我尝试像正常使用slider小部件一样覆盖父项的选项,但我遇到了可变范围的问题:$.widget("ui.myslider",$.ui.slider,{_create:function(){this.foo="bar";//Outputs"bar"this._mySlide();//Outputs"undefined"whentriggeredthis.options.slide=this._mySlide;$.ui.slider.prototype._create.apply