草庐IT

bootstrap-grid

全部标签

javascript - 像 Bootstrap 这样的东西可以用 Angular 折叠

我正在构建一个小型应用程序并且我正在使用AngularJS。在应用程序内部,我需要一个可折叠元素,使用TwitterBootstrap就像在我的目标元素和触发器上添加库和一些标签一样简单。但我尽量不加载其他外部库,如bootstrap或任何其他库,所以我试图通过Angular实现相同的行为:$scope.collapse=function(target){varthat=angular.element(document).find(target),transitioned={'WebkitTransition':'webkitTransitionEnd','MozTransition'

javascript - react bootstrap - 将自定义 bsStyle 属性添加到按钮

我正在为我的项目使用react-bootstrap,我正在尝试将自定义bsStyle属性添加到按钮组件。如果我根据以下链接使用默认Bootstrap类http://react-bootstrap.github.io/components.html#buttons类名正确呈现。但是,如果我将属性更改为bsStyle='facebook',它会呈现btn-undefined简而言之,当我在reactBootstrap中将bsStyle属性传递给组时,我不知道我哪里出错了。这是我的HTML样子如果我将代码更改为它工作正常并且类被正确呈现。这是控制台html日志 最

javascript - 在 typescript commonjs 中导入 jquery 和 bootstrap

我正在使用browserify导入一些nodejs模块。使用此语法一切正常:$=jQuery=require('jquery');require('bootstrap');require('angular');require('ngRoute');require('firebase');require('angularfire');现在我正在尝试将其转换为typescript(使用1.8版),但我不知道该怎么做。我正在使用来自browserify的tsify插件我试过一些像这样的语法import*asjqueryfrom"jquery";import*asjQueryfrom"jque

javascript - 无法绑定(bind)到 'gridOptions',因为它不是 'ag-grid-angular' 的已知属性

我正在尝试运行theexampleprojectofag-grid但出现以下异常:Can'tbindto'gridOptions'sinceitisn'taknownpropertyof'ag-grid-angular'代码:它说在ag-grid-angular上没有像“gridOptions”这样的Prop。很奇怪,因为它来自ag-grid的官方网站。任何帮助将不胜感激! 最佳答案 看来你还没有用@NgModule({})注册AgGridModule如果错过请尝试下面的代码:import{NgModule}from"@angula

javascript - 使用 bootstrap-vue 运行 jest

我一直在使用vuejs和bootstrap-vue最近。决定为我的项目添加单元测试。我不太熟悉单元测试,所以我正在尝试任何我能找到的东西来理解它是如何工作的。Login.specs.jsimport{shallowMount,mount}from'@vue/test-utils'importLoginfrom'@/components/auth/Login.vue'describe('Login.vue',()=>{it('isaVueinstance',()=>{constwrapper=mount(Login,{mocks:{$t:()=>'Connexion'//i18N}})c

javascript - Slick Grid 中的数据更新

我有一个slickgrid,大约有100行。它的数据在5秒内刷新,但在每次更新时都会重置滚动条,这令人不安。我曾尝试使用dataview和dataview.refresh()但这次没有任何变化反射(reflect)到网格。这是我在每次刷新时尝试的:mapMemoryTableDataView.beginUpdate();mapMemoryTableDataView.setItems(data);mapMemoryTableDataView.endUpdate();mapMemoryTableDataView.refresh();if(mapMemoryTableGrid==null)m

javascript - Bootstrap : Accordion Collapse stopped working with Bootstrap 2. 0.3

我使用data-toggle="collapse"和data-parent="#selector"的Accordion在Bootstrap2.0.2上运行良好,但是当我切换到2.0时.3Accordion功能停止工作。它仍然打开和关闭targetdiv,但它不会自动关闭打开的targetdiv>当点击另一个带有data-toggle="collapse"的td时。您可以在此处看到它不适用于2.0.3:http://chooserealtoday.com/#faq以下代码示例也在JSFiddle上http://jsfiddle.net/N7MN9/3/.Whatisyourname?Ma

javascript - Bootstrap : more than one modal

我在我的网站上使用了两个Bootstrap模式:×SendFoobaraPMOnefinebody…CancelSend×PostaCommentOnefinebody…ClosePost它们被触发:SendPMPostComment但是,只有第一个出现。我的第二个post-comment没有出现。控制台上没有JS错误。有什么建议吗? 最佳答案 让它们都起作用。只需将它们放在不同的容器中,而不是一个接一个地放置。DemoSendPMPostComment×PostaCommentOnefinebody…ClosePost×SendF

javascript - KendoUI Grid 只允许排序 asc 和 desc,不允许未排序

我有一个请求,让我的KendoUIGrid从一列开始排序,并且从那里只允许该列有排序的asc和排序的desc选项......这意味着没有未排序的选项。我的意思是当第一次查看页面时,有一个图标显示其按升序排列...如果单击列标题,则它会按降序排列,如果再次单击它会按升序排列。目前默认的Kendo行为是第三次单击将网格置于未排序模式,没有排序图标。如果有帮助,我的代码如下:$("#grid").kendoGrid({dataSource:{data:carList,schema:{model:{fields:{"Car":{type:"number"},"Miles":{type:"num

javascript - 使用 CodeMirror 的 Bootstrap 选项卡

我有一个非常复杂的页面,其中在选项卡内的隐藏选项卡中有许多CodeMirror实例。为了让它变得更加复杂,我记得最后一个事件标签。我设法让它工作了一半(http://codepen.io/anon/pen/LheaF),问题出在第二个编辑器选项卡上:它在单击主要代码镜像选项卡之前加载第二个选项卡。当您单击“代码镜像”选项卡时,它也不会正确加载编辑器,直到您单击两次。我希望第二个选项卡调用refresh()方法(如果它已经启动),就像我对主编辑器所做的那样。复制二级编辑器的错误(function($){varmainEditor;functioninitMainCodeEditor(){