草庐IT

Material-UI

全部标签

javascript - AngularJS:ui-router href 重写为 ui-sref

我有一个CMS,它强制页面的URL具有特定的模式。我们需要有条件地重写这些链接的href。CMS将在页面上打印如下内容:Go我们的路由器需要实际指向#/zoo/gorilla如果我们自己写这个链接,它看起来像:Go问题是,我们不能总是保证/zoo/gorilla部分意味着我们在zoo('gorilla')。最简单的方法是将CMSurl解析为路由器URL,然后执行如下操作:link.attr("href","#/zoo/gorilla");我理解为什么这通常与ui-router的想法背道而驰,但我希望找到一种方法将其用于这种奇怪的情况。 最佳答案

javascript - 要求使用 AMD 模式为 jQuery UI 事件提供错误

在我的代码中,test.js依赖于不使用requireAMD模式的jquery-ui,而test.spec.js依赖于使用AMD模式的jquery-ui、test.js。运行test.spec.js时能否在test.js中动态加载jquery-ui的依赖。require.config({baseUrl:'/demo',paths:{'jquery':'../library/jquery-1.11.1','jquery-ui':'../library/jquery-ui-1.11.4'},shim:{'jquery':{exports:'jQuery'},'jquery-ui':{dep

javascript - semantic-ui-react <Responsive> 不适用于 <Table.Cell>

我正在使用semantic-uireact来呈现数据表。我的要求是当页面在移动View上时,我隐藏某些列。我尝试在Table.Cell元素上使用className="mobilehidden"但这似乎根本不起作用。然后我尝试使用如下所示的Responsive组件,但出现错误。我在这里错过了什么吗?找不到其他人有这个问题......{record.datapoint}调整窗口大小时,我在控制台中收到此错误...index.js:2177Warning:Canonlyupdateamountedormountingcomponent.Thisusuallymeansyoucalledset

javascript - 使用拖动事件在 Angular Material 垫表中进行行重新排序

我正在开发一个网站,我正在使用DataTableAngularMaterial的组成部分|.我希望用户能够通过上下拖动行来为每一行设置某种优先级。类似于DataTableforjQuery的东西.我在他们的文档中找不到使用拖动事件重新排序的支持。如何在向我的项目添加最少的依赖项的同时实现此功能? 最佳答案 对于那些寻找如何将其与AngularMaterialtables(mat-table)结合使用的答案的人:而不是使用你将不得不使用选择器。前者将有一个tbody表格元素(您应用dragula包的地方)和行之间的元素。尝试拖动行将使

javascript - jQuery UI 位置设置 "right"和 "bottom"而不是 "left"和 "top"

好的,这是我的问题。使用jQueryUI位置。可以相对于屏幕上的另一个元素定位一个元素。它在被定位的元素上设置left和topcss属性,将其定位在屏幕上。我想做的不是设置left和top,而是可能设置right和bottom,这样如果定位的元素增长或收缩,它会在正确的方向上增长/收缩。让我详细说说。好的,我想要的是如果一个元素位于它的右边,那么我想设置rightcss属性而不是left并且如果一个元素位于它的bottom,那么我想设置bottom而不是top。我可以使用jQueryUIPosition的using属性来执行此操作,但我遇到了碰撞检测问题。如果碰撞检测设置为flip并且

javascript - 像 ExtJS 一样编程 jQuery UI

我正在尝试为jQueryUI开发一个抽象层,允许将小部件定义为对象,就像(或类似)ExtJS。这是概念:varmydialog=new$.ui.dialog({modal:true,renderTo:'body',title:'TheWindowsTittle',content:'ThecontentoftheWindow'});现在我可以说:mydialog.show();第一步(我认为)是向jQuery添加类创建函数,这允许创建类:$.MYNAMESPACE.dialog=$.Class({constructor:function(){}//methodsandproperties

javascript - Angular 模态窗口(UI-路由器/指令)

我现在花了一些时间研究使用AngularJS控制模态窗口的通用方法,但没有一个提议的选项接近“好”的解决方案。指令解决方案我找到了this演示,但是它的缺点是您必须手动管理和存储模态的状态并跨范围更新它:scope.$parent[attrs.visible]=true;此外,如果您必须添加更多功能,例如实际添加带有弹出窗口的项目,这将在父页面范围内涉及更丑陋的代码。UI-Router解决方案Thisistheofficialguideonhowtousemodalswithuirouter.然而,这是使用ui.bootstrap.modal我的问题是,坦率地说,这是一个非常简单的问题

javascript - Material-UI 更改输入 float 标签的颜色

我想更改Material-UI的TextField的float标题的颜色。如文档中所述,我将对象颜色作为floatingLabelStyle传递:但这适用于标签的两种状态-悬停在输入上方和输入上但没有焦点时,它应该是灰色的。我想我正在覆盖某种CSS转换,但不知道如何让它工作。有什么建议吗? 最佳答案 这样就可以了InputLabelProps={{style:{color:'#fff'},}} 关于javascript-Material-UI更改输入float标签的颜色,我们在Stack

javascript - 如何在 Angular Material 动画之后执行代码

我正在使用AngularMaterial在一个网站上。作为响应式框架,它处理不同窗口大小的渲染。改变窗口大小时,添加一些布局变化和控件移动的动画示例:https://material.angularjs.org/latest/demo/gridList(打开链接并调整窗口大小)我在示例中显示的图block上有一些WebGLCanvas,需要在动画完成后重新绘制(并且容器具有最终尺寸)。如何获得一些回调或promise以完成UI动画? 最佳答案 此问题的解决方案是将属性md-on-layout添加到md-grid-list(docs)

javascript - 由于访问控制检查,XMLHttpRequest 无法加载 XXXX 使用 Angular Material MD Stepper 时

直到大约一个小时前,我的应用程序运行良好。现在我似乎无法弄清楚为什么特定的https请求不能在除chromeweb之外的所有浏览器上工作。我的第一个假设是CORS。我有原始header和所有设置,因为我已经有一段时间了。我不确定发生了什么变化。这是我在Safari上遇到的错误XMLHttpRequestcannotloadhttp://localhost:3000/auth/server/signupduetoaccesscontrolchecks.这是我的CORS中间件app.use(function(req,res,next){res.header("Access-Control-