草庐IT

grid-item

全部标签

javascript - 同位素中的动画项目大小 : Why is first item wonky?

我正在学习使用Isotope并看到了作者关于如何animateitemsizes的博客文章.我已经为我正在开发的项目实现了它。它由三个垂直列组成。每个项目为196像素x70像素。当您单击某个项目时,它会扩展到402像素x230像素。所有项目都正确调整大小并导致Isotope刷新布局-除了第一个项目。单击第一个项目会导致所有后续列表项目仅在一个垂直列中排列-即使有足够的空间并且项目应该围绕第一个项目排列。单击列表中的任何其他项目都会导致正确的行为。只有第一个是靠不住的。谁能看出是什么原因造成的?这是我的测试用例:http://joshrenaud.com/pd/testcase/test

javascript - ExtJS 4 Grid 自定义列排序(文件管理器样式)

我正准备使用ExtJS4制作一个基本的文件管理器。我现在面临的问题是:如何为gridpanel进行自定义排序单击列时。假设我们有商店字段:[{name:"is_dir",type:"boolean"},{name:"name",type:"string"},{name:"size",type:"int"}]以及来自数组的数据:[{is_dir:true,name:"..",size:0},{is_dir:false,name:"file2.txt",size:512},{is_dir:true,name:"folder2",size:0},{is_dir:false,name:"fil

Android开发:RecyclerView获取item位置的几种方法比较

一.前言        当使用RecyclerView来展示列表数据时,获取item的位置是一个常见的需求。RecyclerView提供了多种获取item位置的方法,包括getAdapterPosition()、getBindingAdapterPosition()、getAbsoluteAdapterPosition()等等。这些方法的实现原理和返回值有所不同,因此在实际使用时需要根据具体情况进行选择。本篇文章将针对RecyclerView中获取item位置的几种方法和使用场景进行介绍。二.正文在介绍相关方法之前,先了解两个概念:布局状态和绑定。item布局状态在RecyclerView中,

javascript - 父容器调整大小时自动调整 dojo dijit.Grid 小部件的大小

我在TitlePane中有一个dojoGrid小部件,其宽度设置为100%。TitlePane采用流动布局,因此它的宽度会随着浏览器窗口的大小而变化。我遇到的问题是,当父窗口展开(或收缩)时,网格本身不会改变它的宽度。我可以通过在网格上调用render()来调整它自己的大小,但是我如何才能检测到父窗口已经调整大小以便我知道要重绘网格小部件? 最佳答案 我有时不得不这样做;不太难:functionresizeGrid(){//dowhateveryouneedhere,e.g.:myGrid.resize();myGrid.updat

javascript - 添加一个类到 ng-grid 行

我正在使用ng-grid来显示正在上传的文件集合(每个文件都有自己的行)。如果一个/任何文件上传失败,我想修改该行并在其上放置一个类以显示上传失败。我将如何向整行添加一个类? 最佳答案 您必须使用行模板。在此模板中,您可以使用ng-class并通过数据绑定(bind)动态分配CSS类。一个简单的例子:HTMLJavaScriptvarapp=angular.module('myApp',['ngGrid']);app.controller('MyCtrl',function($scope){$scope.fileOneUploade

javascript - 如何让 angular ui grid footerTemplate 工作?

AngularUI-Grid有一个名为footerTemplate的属性,它应该提供创建自定义页脚模板的可能性。我尝试在字符串中输入html内容(带有一些文本的div),我还尝试在字符串中添加.html文件名,甚至是呈现的div的ID,但它们似乎都不起作用。我也不清楚是否需要为此启用showGridFooter,所以我尝试了两种方法,但footerTemplate要么根本不显示,要么如果我将showGridFooter设置为true,它会显示默认页脚(总行数在网格中)。我在这里缺少什么? 最佳答案 对于angular-ui-grid

javascript - RxJS 1 array item into sequence of single items - 运算符

鉴于这样的可观察性Rx.Observable.of([1,2,3,4,5])它发出一个单个项目(即一个数组),运算符是什么将这个可观察对象转换为一个发出5个单个项目(或任何数组由)?示例在.of上,但是通过promises获取数组也是一样的,可能还有很多其他示例。不建议将of替换为from 最佳答案 我想不出现有的运算符(operator)可以做到这一点,但你可以自己编一个:arrayEmitting$.concatMap(arrayValues=>Rx.Observable.merge(arrayValues.map(Rx.Obs

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 - Kendo ui grid if else 条件

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

c# - CSS + jQuery - 无法执行 .toggle() 并重复 jQueryTemplate Item [我必须警告你这有点让人不知所措]

好的,我们开始:Stream.html(模板文件)${Sender}${Value}${DateTime}Value默认.aspx(jQuery)$('.toggleInput').live('click',function(){$(this).parent().parent().find('.inputContainer').toggle();$(this).parent().parent().find('.inputContainer').find('input[type=text]').focus();});更新:以上内容修改为:$('.toggleInput').live('c