草庐IT

bootstrap-select

全部标签

javascript - 使用 ajax 时 Dynatree 忽略 select 属性

我正在使用dynatree插件显示复选框树,使用多选模式(模式3)。当使用ajax(没有延迟加载)初始化树时,似乎忘记了一些节点是最初选择加载的。当我选择这些节点之一时,传递给onSelect处理程序的标志值为真,即:它认为我想选择该节点。当我再次单击该复选框时,它会取消选择。在我实际单击复选框之前,似乎在后台不会注册选择。我想加载此节点已选定的树。我用来加载树的json对我来说看起来不错;select属性对于所讨论的节点(根节点)为真。这是JSON的片段:{"expand":true,"title":"All","isFolder":false,"key":"0","isLazy":

javascript - Bootstrap 在被 factor-bundle 包裹时不起作用?

我一直在使用factor-bundle来包装我常用的JS文件:browserifyindex.jsbar-charts.jslist-filter.jsdashboard.js-p[factor-bundle-o../../static/js/index.js-o../../static/js/bar-chart.js-o../../static/js/list-filter.js-o../../static/js/dashboard.js]-o../../static/js/common.js然后我在我的HTML中包含了common.js以及一个Bootstrap警报:×

javascript - Bootstrap Datepicker - 设置 startView : 'decade' , 但不是当前十年

目前我有显示当前十年的startView,这没问题,但我想让之前的十年成为startView-而不是当前的十年。this.dobDatePickerView=newDatePickerView({el:this.$('[name="dob"]'),startView:'decade',endDate:this.sandbox.dates().fwFormat('date'),value:this.sandbox.dates().subtract('years',18).fwFormat('date')}).render();我想从十年View默认选择的年份中减去18年,所以不要预先选择

javascript - Bootstrap x 可编辑。以编程方式更改数据类型(删除 select2 数据类型)

我正在使用bootstrapx-editablehttps://vitalets.github.io/x-editable/index.html这是我的html代码:id}}"data-pk="{{$cat->id}}"data-type="select2"data-title="Favorllenarloscampos">javascript代码:$('.addon').editable({placement:'bottom',mode:'inline',showbuttons:false,source:categories,select2:{width:200},display:f

javascript - 如何使用 react-select 呈现 "N items selected"而不是 N 个选定项目的列表

我正在考虑使用react-select作为城市选择器的选择器,用户可以在其中选择一个或多个城市来过滤一些数据。这是在我的页面中呈现的屏幕截图:城市列表可能很大,如果一次选择大量城市,我不希望选择器超出其蓝色容器。这是我现在模拟时发生的情况:我不太喜欢它!我能想到的一种替代方法是呈现“选择的4个城市”而不是整个列表。这将在页面上具有可预测的大小。这如何用react-select完成? 最佳答案 注意:此答案适用于react-selectv1。查看answerbyNearHuscarlv3的解决方案。渲染“选择了N个项目”这可以通过va

javascript - Twitter Bootstrap Datepicker 不会更新输入值

我有这段代码,但现在我卡住了:$('#datepicker').datepicker().on('changeDate',function(ev){//Somecode..});我希望每次选择新日期时更新输入字段的值。我希望该值是选定的日期。 最佳答案 $(document).ready(function(){vardp=$("#datepicker");dp.datepicker({format:'mm-dd-yyyy',});dp.on('changeDate',function(ev){dp.val(ev.target.val

javascript - React-Router-Redux 和 React-Bootstrap

我已经和这个问题斗争了一段时间了!我想拥有始终带有Logo、导航的“主应用程序容器”...我想使用react-bootstrap来美化它。目前我遇到了问题,我的项目基于davezuko的“react-redux-starter-kit”我试着把我所有的Bootstrap和在提供程序内的Root容器中。一切都显示出来,看起来不错,但我的链接都不起作用,当我放置一个常规的react路由器时我会遇到同样的问题。我想,嗯,链接在路由调用的View中工作,所以我在之后将所有这些复制到路由中导出默认值(商店)=>(Babel、eslint和webpack允许编译,但是当我运行页面时,这些都没有显示

javascript - 混合 Typeahead.js 和 Bootstrap 3

我有一个使用Bootstrap3和Typeahead的应用程序。出于某种原因,一旦我添加Typeahead.js,样式格式错误,您可以使用thisJSFiddle查看.以下HTML看起来不错:Item1Item1Item2一旦我使用Typeahead初始化它,如下所示,它看起来很糟糕。$(function(){vardata=[{id:1,name:'Tiger'},{id:2,name:'Bear'}];varbh=newBloodhound({datumTokenizer:Bloodhound.tokenizers.whitespace,queryTokenizer:Bloodho

javascript - AngularJS bootstrap popover 自定义指令

我使用bootstrap自定义弹出窗口创建了一个指令。这可以从用户输入组名,它有两个按钮用于将该值应用于模型并在工具提示上显示该值,还有一个按钮用于关闭弹出窗口。我正在使用popoverjava脚本事件,问题是单个popover工作得很好但是当我打开另一个popover时,这个popover不会自行关闭。在打开一个弹出窗口时需要帮助关闭其他弹出窗口。这是plnk显示指令。这是代码varapp=angular.module('myApp',[]);app.directive('customEditPopover',function(){return{restrict:'A',templa

javascript - Firefox 扩展 : Get selected text

我正在开发一个简单的Firefox扩展,我想获取选定的文本。我试过这个:varWordCount={/*...*/changeSelected:function(){varselectedText=this.getSelection();varwords=this.countWords(selectedText);this.changeStatus(words,"selected");//alert(selectedText);},getSelection:function(e){varfocused_window=document.commandDispatcher.focusedW