草庐IT

bootstrap-grid

全部标签

javascript - 选择后 Bootstrap 日期选择器返回焦点

如果你初始化一个bootstrapdatepickerfrometernicode使用autoclose:true,会发生两种不良行为:选择器关闭后,当您跳转到下一个字段时,您将再次从文档的开头开始。这在长表单上可能会非常麻烦。因为选择器以编程方式更改值,所以您拥有的任何关心输入上的模糊事件的监听器都不会正常运行。当您选择选择器值并且输入的值未更改时,实际上会发生模糊。然后bootstrap-datepicker以编程方式更新该字段,因此永远不会用新值触发模糊。这是堆栈片段中的演示:*选择任何字段,从选择器中选择一个值,然后点击Tab$(".datepicker").datepicke

javascript - 如何禁用 saveRow 事件 ui-grid

我正在使用ui-grid在UI中显示我的表格。我有一个要求,我不想让表自动保存数据。我希望用户编辑表格中的所有数据并单击一个按钮来更新所有编辑的数据。上述行为工作正常,但我遇到的唯一问题是每当用户连续编辑一个单元格时,几秒钟后,该单元格变为灰色且不可编辑。在浏览器cnsole上我收到此错误:引发saveRow事件时未返回promise,可能是没有人在监听事件,或者事件处理程序未返回promise由于上述JS错误,整行变得不可编辑。如何告诉ui-grid不要保存数据,除非我点击我的按钮。如果我处理saveRow事件,那么我的按钮不起作用。请在这方面帮助我。相关代码片段如下:vargrid

javascript - 在 Bootstrap Datetimepicker 中更改方向

我正在尝试更改BootstrapDatetimepicker的方向我什至尝试使用this但我得到:optionorientationisnotrecognized我在html中对datetimepicker的定义是:在javascript中我有这样的东西来改变语言:$('.input-group.date').datetimepicker({locale:"es",});我尝试添加location:'bottomauto'但没有任何反应。 最佳答案 在阅读了很多帖子和文档之后,我成功了!对于future的访客,可以阅读所有可用选项h

javascript - react-bootstrap 中的 controlId 是什么

我刚刚浏览了React-bootstrapformcontrolId的用途是什么?它类似于我们在旧版中使用的name吗?>whatistheuse?validationState={this.getValidationState()}>WorkingexamplewithvalidationValidationisbasedonstringlength. 最佳答案 你可以找到它hereinthev3docs:SetsidonandhtmlForon.基本上是输入的id和标签的for属性。

javascript - 在 Twitter Bootstrap Popover 中使用 jQuery 选择元素

我将以下内容放在TwitterBootstrap弹出窗口中,其中包含一个我想监听其点击次数的链接:click我正在使用一个按钮来显示包含上述内容的弹出窗口:Revealpopover然后我将该按钮与弹出窗口相关联并使用jQuery的click()函数来尝试监听对弹出窗口中包含的链接的点击:$(function(){$('#trigger').popover({html:true,content:function(){return$('#popover-content').html();}});$('#link').click(function(){alert('beep');});})

javascript - 更改现有 Kendo Grid 上的选项的正确语法是什么?

我有一个剑道网格:$('#myGrid').kendoGrid({...scrollable:false,...});然后我想更改它的可滚动属性。我已经尝试了以下所有方法:$('#myGrid').data("kendoGrid").options.scrollable=true;$('#myGrid').data("kendoGrid").refresh();-$('#myGrid').data("kendoGrid").scrollable=true;$('#myGrid').data("kendoGrid").refresh();-varMyGrid=$('#myGrid').d

javascript - mapbox.js 没有完全在 Bootstrap Modal 中呈现

我正在尝试使用mapbox.js制作经纬度选择器我需要将这张map放在一个模式框中,当我点击“选择位置”按钮时它会打开。但是,当此模式打开时,map并未完全呈现。这是我的代码:×Chooselocationlatitudelongitude脚本varmap=L.mapbox.map('map','examples.map-9ijuk24y').setView([0,0],2);//gettheforminputswewanttoupdatevarlatitude=document.getElementById('latitude');varlongitude=documen

javascript - 如何将插件添加到 Bootstrap

我发现这真的很酷plugin对于测量密码强度的Bootstrap。它看起来不错,我想使用它,但我不知道如何让它工作。根据Github页面,使用它所需要做的就是“只需在要附加强度计的密码字段上调用插件。”。不幸的是,他们没有告诉您将文件放在哪里,也没有告诉您实际需要使用哪些javascript文件。我一直在谷歌搜索每一种可能的迭代方式来为Bootstrap添加或安装插件,但每次都一无所获。这里有人有答案吗? 最佳答案 我想github页面可能会与所有这些源文件混淆。您需要做的就是从此页面获取最新的缩小文件:https://github

javascript - ui-grid 的高度问题

我想在angularJSui-grid上使用height:auto。我遇到了内联样式的问题,该样式在我添加ui-grid属性的div上设置了特定高度。还有一个名为getViewPortStyle()的函数,它动态地向.ui-grid-viewport类添加高度和宽度。关于应用于具有ui-grid属性的元素的内联样式,我尝试用height:auto!important;覆盖元素上的类.这与getViewPortStyle()异常(exception)情况完美,当窗口宽度或高度通过用户使用鼠标移动来操纵浏览器而增加或减少时触发。我的想法是覆盖ui-grid,这样getViewPortSty

javascript - 动态更改 Bootstrap 工具提示位置

我试图动态更改工具提示的位置,但它不起作用。ChangeToolTip!对于js://Initialltooltipforallelements$("[title!='']").tooltip();$("#changeBtn").click(function(){//Changetooltipplacment$("#sample").tooltip({placement:'left'}).tooltip('show');})http://jsfiddle.net/znvv9ar5/我在ChangeTwitterBootstrapTooltipcontentonclick找到了一个很好的