草庐IT

css-grid

全部标签

javascript - 为单元格渲染器导出 ag-grid 中的数据

我正在使用ag-grid,我有一个列定义如下:{headerName:"Color",valueGetter:function(params){returnJSON.parse(params.data.color).name;},field:'color',cellRenderer:function(params){if(angular.isDefined(params.data)&&angular.isDefined(params.data.color)){varcolor=JSON.parse(params.data.color);return'';}},suppressMenu:

javascript - Kendo UI Grid 自定义过滤器菜单在第一次过滤或清除后中断

我正在使用KendoUIGrid(网络框架)。正在从本地json数据填充,这些数据在页面加载时从ASP.NETMVCViewBag加载。在网格初始化并填充来自数据源的数据之前,我在单独的变量中声明了数据源。我遇到了过滤器菜单在第一次过滤或清除后中断的问题(查看图像)。每次我单击过滤器或清除按钮时,它都会隐藏更多控件,直到只剩下两个按钮。奇怪的是控制台中没有报告任何错误。我已经研究这个问题一个多星期了,但我似乎找不到任何关于它的信息,也没有接近可能的解决方案。我知道非英语代码可能难以理解,但我很乐意翻译并解释它的含义!不幸的是,我无法提供指向运行此页面的服务器的链接,因为它需要登录并且该

javascript - 从静态图像到视频的 CSS 转换在 Safari 中不稳定

我们在网站上有一系列图像/视频,这些图像/视频使用javascript和CSS转换定期换出。这些图像到图像或视频到图像的效果很好,但是当从图像到视频的过渡时,视频在开始播放之前会出现抖动。这仅发生在Safari9/10中。Chrome没问题。网站位于http://thealthanicollection.com/.此视频位于左上角并定期更换。有人知道这个问题吗?触发硬件加速对此有帮助吗? 最佳答案 触发硬件加速理论上可以解决问题,尽管这可能会给您带来其他问题。众所周知,Chrome(即使在您的情况下工作)在这件事上做得不好,即使它可

javascript - Ag-grid 在 Master/Detail 组件中设置自动高度

假设我们需要设置ag-grid组件的自动高度,只需将gridOptions设置为domLayout="autoHeight"即可轻松完成。这适用于单个组件,但对于高度可以扩展的主从(父/子)组件,这不起作用。同样的问题:https://github.com/ag-grid/ag-grid/issues/205我需要深入调整它的css,但仍然无法让它工作,样式引用:https://www.ag-grid.com/javascript-grid-styling/Ag网格DOM布局:https://www.ag-grid.com/javascript-grid-width-and-heigh

javascript - 暂时禁用js/css资源

我在Ploneportal_javascripts或portal_css,找到资源,然后禁用/启用它.那样的话,我可以得到某些资源来隔离问题,并查看问题是否受到它们存在或不存在的影响。这非常简单且有用。可以在Plone5.x中做类似的事情吗?在资源注册表中,您似乎只能删除资源,而不能简单地禁用它。删除后重新添加它可能涉及比单击复选框更多的步骤。 最佳答案 转到资源注册表点击包名称取消选中“已启用”字段点击保存 关于javascript-暂时禁用js/css资源,我们在StackOverf

javascript - 如何使用 jQuery 检查 CSS 中是否存在类

我有课.hello在CSS中:.hello{color:#ccc}如何使用Jquery来检查类.hello存在与否?当然,即使在中也需要检查所有样式。文档。 最佳答案 以下将检查某些样式是否应用于元素(不绝对确认它是否来自样式表)if($('.hello').css('color')=='#CCC'){//true}else{//false} 关于javascript-如何使用jQuery检查CSS中是否存在类,我们在StackOverflow上找到一个类似的问题:

javascript - 如何读取应用的 CSS 计数器值?

假设您有一个CSS2.1计数器ol{counter-reset:section;list-style-type:none;}li:before{counter-increment:section;content:counters(section,".")"";}itemAitemBitemCitemD(参见https://developer.mozilla.org/en/CSS_Counters“嵌套计数器”)有没有办法读取/获取:before.content(在本例中为“2.2”)在JavaScript中?编辑:在我的例子中,一个仅限Mozilla的解决方案就足够了。但似乎真的没有办

javascript - 在 CSS 更改时使用 Jquery 触发事件?

我很好奇是否有事件监听器或者可能是一种构建方法的方法,该方法将在发生CSS更改时触发?我的样式表使用媒体查询,我想知道是否有办法附加一个监听器以查看这些媒体查询何时启动和退出。例如,我有一个媒体查询,它在某些屏幕宽度处隐藏了一个按钮@mediascreenand(max-width:480px){#search-button{display:none;}}我将使用什么事件监听器来检测显示何时发生变化?我目前正在这样做:$(window).resize(function(){if($('#search-button').css("display")=="none"){//dosometh

javascript - 缩小 javascript、jQuery 和 CSS 文件的最佳方法是什么

压缩或缩小jQuery、javascript和CSS文件的最佳方法是什么?我不熟悉Web开发的压缩和缩小功能,请帮助我。 最佳答案 我个人使用YahooCompressor并会推荐它。为什么?因为它有效。如何在命令行执行它的示例:java-jaryuicompressor-2.4.7.jarjavascriptfile.js-ooutputfile.js--charsetutf-8在CSS文件上做同样的事情:java-jaryuicompressor-2.4.7.jarstyle.css-ooutputstyle.css--char

javascript - MouseOver CSS3D 效果与 javascript

我正在尝试实现这样的mouseOver效果。我能够根据每个图block的位置生成所需的css3d矩阵。我通过缓慢的鼠标移动实现了这种效果,但是如果我从一个图block快速移动到另一个图block,它就无法正确更新。它在瓷砖之间显示间隙。在鼠标悬停时更新所有平铺/平铺坐标以获得一致效果的最佳方法是什么?这是我的js代码:$('.box').each(function(){$(this).css('height','284px');$(this).css('width','284px');});generateGrid=function(w,h){vart=this;this.p=[];v