草庐IT

Bootstrap-angular-ui

全部标签

javascript - Ember.js——我如何定位嵌套/重复 View 中的导出,以及此类 ui 布局的最佳实践是什么?

我正在重构一个继承的Ember应用程序,它有相当多的非mvc困惑。我希望尽可能保持模块化,并希望在多个屏幕中重用各种ui组件以帮助防止代码重复。看来outlets是最好的方式。现在,我有一个显示多个元素的UI,每个元素都使用模板化View呈现。{{#eachitemincontroller}}{{viewApp.ItemThumbView}}{{/each}}此View的右侧边栏是一个根据选择而变化的socket。WhenIselectanitem,Iwouldliketodisplayalistofeditoperationswithinthetemplatizedsub-view,

javascript - jQuery UI 可排序 : Move clone but keep original

现在我有一列元素,我将它拖到我拖动的位置,它会克隆,但当我放下时,它也会删除原始元素。$(".column").sortable({helper:'clone',connectWith:".column",connectWith:".grid",start:function(e,ui){ui.placeholder.height(ui.item.height());$(".column").find('.portlet:hidden').show()console.log('started')},stop:function(event,ui){$(ui.helper).clone(tr

javascript - jQuery UI 自动完成 : enforce selection from list without modifications

我正在使用AutocompletecomboboxwithKnockoutJStemplate/JQuery中提供的自定义绑定(bind)我需要强制要求用户必须在自动完成列表中选择一个值,并且在他们选择该值后无法向选择中添加其他文本。我进行了搜索,但找不到有关如何防止输入其他文本的示例。它必须保持可编辑状态,以防他们选择了错误的下拉菜单,但他们键入的内容必须与列表中的值100%匹配。我找到了this在jquery上发布,但它已经9个月大了,没有人发布答案。 最佳答案 没有内置函数可以执行您想要的操作。我做了一个简单的项目,其中使用了

javascript - 在 AngularJS 服务调用后填充 jQuery UI Accordion

我目前正在尝试构建一个AngularJS应用程序,我正在使用jQueryUIAccordion控件。问题是,在我的AngularJS服务完成从服务器加载数据之前启动了jQueryUIAccordion。换句话说:Accordion在启动时没有任何数据,因此在填充来自AngularJS的数据时不显示。View看起来像这样:$("#b2b-line-accordion").togglepanels();我的AngularJSController看起来像这样:app.controller('orderController',function($scope,orderService,userS

javascript - 如何以编程方式设置 Kendo UI 网格列宽

我想以编程方式设置KendoUI网格列宽。我正在使用以下代码:functionsetColumnWidths(grid,options){for(vari=0;i执行语句后在chrome中调试时,grid.columns[i].width似乎已适当设置为新值,但GUI中没有任何变化,列宽保持不变。我错过了什么? 最佳答案 您需要通过其元素而不是其定义来更改网格的宽度。Kendo网格包含标题和内容,因此您需要更改两个元素。改用这段代码$("#grid-id.k-grid-header-wrap").find("colgroupcol"

javascript - Angular 2 Facebook 登录

我正在开发一个需要使用Facebook帐户登录的网站。我正在使用Angular2,当然还有TypeScript。它有效但不完全是我想要的。我无法收回用户的信息。让我们来看代码:import{Component}from'angular2/core';import{Main}from'./pages/main/main';declareconstFB:any;@Component({selector:'my-app',templateUrl:'app/app.html',directives:[Main]})exportclassAppComponentimplementsOnInit{

javascript - Angular2 在 Component.js 中使用管道

我正在学习Angular2,我想格式化一个添加千位逗号分隔符的数字。据我所知,这可以使用Pipes来完成,问题是我想在js文件中而不是在html中以编程方式格式化数字(像var|number一样)。首先我意识到没有我可以使用的NumberPipe独立管道(如果我错了请纠正我)最相似的是@angular2/common中的CurrencyPipe。所以我有这样的东西:import{Component}from'@angular/core';import{CurrencyPipe}from'@angular/common';@Component({templateUrl:'test.com

javascript - 在 AJAX 调用向页面添加元素后,Bootstrap Scrollspy 停止工作

我使用的是Bootstrapscrollspy插件(v2.0.0),它在页面首次加载时没有问题。导航栏以及内容部分通过ajax调用(添加或删除菜单项)进行更新。在此scrollspy之后不再突出显示新添加的项目。如何让scrollspy刷新?或者手动将scrollspy附加到以下代码?Home&GardenComputers&Networking...... 最佳答案 scrollspy('refresh')将简单地按照名称所说的进行操作!在我的例子中,我在ajax调用之后添加了以下代码:$('[data-spy="

javascript - 将 TypeAhead 与 jQuery 和 Bootstrap 2.1 结合使用

版本2.1ofTwitterBootstrap,在Typeahead选项中传递回调函数的能力wasadded.但是,我一直很难让它与jQueryajax调用一起工作。这是我目前所拥有的。HTMLUserJavaScript(在jQuery$(document).ready函数中设置)$("#myTypeahead").typeahead({source:function(query,process){$.ajax({type:"POST",url:ServiceURL+"/FindUsers",data:"{SearchText:'"+query+"'}",contentType:"a

javascript - Grunt usemin 任务在缩小 Angular 文件时无法处理嵌套文件

我的文档结构是root->public->angular->scripts->main->app.js。我使用了yeomanangulargenerator并设置了grunt。我的html文件看起来像这样html文件在root->public->angular中。运行grunt后,.tmp和dist文件夹包含来自bower_components的缩小文件。但是scripts.js是空的。如果我将app.js放在脚本中的主文件夹之外,那么它会被连接到tmp/scripts.js中。为什么会这样?我做错了什么??Mygrunt.jsfile//Generatedon2013-12-06us