草庐IT

UI组件库

全部标签

javascript - jQuery UI 对话框使用 setTimeout 自动关闭

我试图让我的对话框在打开三秒后自动关闭。我尝试了以下方法:setTimeout($("#mydialog").dialog('close'),3000);这是在上下文中:$("#acknowledged-dialog").dialog({height:140,modal:true});setTimeout($("#acknowledged-dialog").dialog('close'),3000);但是用这种方法,它甚至不显示!我猜close方法在页面上显示后立即被调用。日志显示没有错误。我还尝试绑定(bind)到dialogopen事件:$("#acknowledged-dialo

javascript - 如何在 angular js ui Grid 中删除 pdf 导出中的某些列

我正在使用AngularJSui网格http://ui-grid.info/docs/#/tutorial/312_exporting_data_complex我的要求是我想展示例如5列,但是当我导出PDF时,我不想导出某些列,例如username。我该怎么做? 最佳答案 有一个gridOption可以做到这一点:exporterSuppressColumns我编辑了UIGrid文档中的plunker,以演示在导出的PDF中隐藏“性别”列:http://plnkr.co/edit/89ZVlPZcQbHYzgX5l4yq?p=pre

javascript - 改变 material-ui 按钮的字体大小,并让按钮缩放?

我似乎在更改Material-UI的(用于React)RaisedButton上的字体大小以及让按钮本身随它适当缩放方面遇到了问题。LoginHere}/>CSS:.buttonText{font-size:63px;}文本大小发生变化,但按钮本身不会随之缩放。有谁知道正确的解决方案?我想按文本大小缩放按钮。 最佳答案 问题是Material-UI内联了它们组件的所有样式,因此如果您尝试使用CSS选择器覆盖它们,它通常无法正常工作。相反,请尝试使用style覆盖您不想要的任何内联样式。属性直接在组件上。它看起来像这样:如果它看起来仍

javascript - Kendo ui grid if else 条件

我的代码有什么问题?我必须检查kendoUI网格是否在我的专栏中有“OrderType20”。如果是,我需要应用包含背景的css条件,但它不起作用,有人可以帮助我吗?谢谢template:'#if(OrderType=="OrderType20"){##:OrderType##}else{#OrderType#}#' 最佳答案 对于kendoui网格行模板的嵌套ifelse可能会有所帮助。即template:"#if(ErrorDesc==null){##:DeviceLabel##}elseIf(ErrorDesc==""){##

javascript - 在高流量的大网站中使用 JQuery UI 主题好吗?

在实现高流量网站时使用JQueryUI主题是一种好方法吗?根据我的网站需求进行一些编辑和定制是否容易?它有什么著名的问题吗?想听听您对此的看法,使用它是否安全,还是从头开始编写我的所有CSS更好。请注意,我检查了那里的主题并发现那里不错,其中一些经过一些编辑后将适合我们的设计。 最佳答案 我不完全确定您担心什么,但我认为这将阐明JQueryUI为您做什么和不为您做什么。“准备好迎接黄金时段了吗?”是的。JQueryUI主题已经存在了很长时间,并且没有尖叫到表面来破坏元素的问题。有一些已知问题,主要是高级CSS3问题。例如:除IE6之

javascript - Angular-ui-bootstrap Accordion 和折叠动画不起作用

关于angular-ui-bootstrapdemo/docspage,accordion和collapse单击某个元素时,指令都会动画化。但是动画在该页面上的plunker演示中不起作用。是否缺少某些依赖项或者可能是错误?(在chrome/firefox中测试)更新:我在2015年10月29日更新到0.14.3版,现在一切正常。感谢angularUI团队的辛勤工作! 最佳答案 从0.13版开始,您需要在您的应用程序中包含ngAnimate:bowerinstallangular-animate--save添加对index.html

javascript - 如何在 NPM 上创建和发布 Vuejs 组件

我开始与vue一起工作了很多并开始在我工作的公司的所有项目中使用它。有了这个,我最终创建了一些components,一般autocomplete,我知道有很多,我已经使用了一些,但没有一个能满足我的所有需求。但是,每当我开始处理一个新项目并使用相同的组件时,我要么重新创建它,要么复制并粘贴它。所以我开始怀疑如何创建我的组件,每当我使用它时上传到npmjs,只需给一个npminstall-save...,并且也能够为社区做出一些贡献。 最佳答案 更新随着vue-loader15.x的发布,这个答案将不再有效。请改用这个https://

javascript - Jquery UI resizable - 调整放置在 iframe 上的 div 的大小

如果你查看这个jsbin:http://jsbin.com/efosed/5/edit然后按“使用JS运行”,将出现一个可以使用jqueryui调整大小的div。一切都按预期工作。div放置在“全屏”iframe上。在链接示例中,此iframe具有:display:none。如果我将其修改为display:block,然后重新运行脚本,reziable插件将出现一些奇怪的行为。您可以在这里尝试:http://jsbin.com/efosed/6/edit.它不会正确处理鼠标事件。可能是什么原因,我该如何解决? 最佳答案 您必须实现自

javascript - 导入 SASS 文件的测试组件时出现语法错误

我正在尝试使用Jest+Enzyme测试我的React组件,但是当我的组件有SASS文件(scss),正在发生SyntaxError。这是我的SASS文件内容:.user-box{width:50px;height:50px;}我只是将其导入到我的组件中:importReactfrom'react';import'./userBox.scss';classMyComponentextendsReact.Component{render(){conststyle={borderRadius:'99px'};return(HelloWorld);}}exportdefaultMyCompo

javascript - 提取地址组件的更有效方法

目前,我正在使用以下代码获取国家/地区、邮政编码、地区和副地区:varcountry,postal_code,locality,sublocality;for(i=0;i这是不令人满意的。有没有其他方法可以达到同样的效果? 最佳答案 您可以使用以下函数来提取任何地址部分:functionextractFromAdress(components,type){for(vari=0;i要提取您调用的信息:varpostCode=extractFromAdress(results[0].address_components,"postal_