草庐IT

UI组件库

全部标签

javascript - 更改 jquery ui 进度条的值

我正在尝试更改进度条小部件的值以接受我得到的json字符串,类似于:{'totalDays':31,'daysTaken':20}所以我希望“totalDays”是进度条的总值(总长度)和“daysTaken”来填充进度条。根据默认文档,只有填充的值可以更改:$(document).ready(function(){$("#progressbar").progressbar({value:37});}); 最佳答案 有一个单独的方法来设置初始化后的值。varobj={totalDays:31,daysTaken:20};$("#pr

javascript - 在 angular-ui-bootstrap 轮播上设置事件幻灯片

我正在使用angular、bootstrap和一个名为“ui-bootstrap”的插件来制作轮播。我有一个缩略图列表,当单击其中一个时,会显示轮播中带有高清图像的模式,类似于您在亚马逊或其他网站上看到的内容。我试图将轮播中显示的第一张图片设置为用户点击的图片。我已经能够使用$index获取图像的索引,因为我在ng-repeat中,将它提供给模态Controller并毫无问题地显示轮播。但是第一张图片我的索引始终为0,即使我尝试设置我拥有的索引也是如此。这些是我尝试过的一些事情:$scope.SliderItems=items;//Thisonesetstheitemsinthesli

javascript - 使用 VueJS 动态加载组件和模板

我正在考虑将VueJS用于多页面网站。官方例子中routing,它们显示您可以根据URL动态更改模板和组件,但它们仍然将所有HTML模板和JS组件放在一个文件中,并一次加载。我的网站会很大,我想只在需要时加载所有内容。所以我的问题是:当URL更改时,我如何按需异步加载这些HTML模板和JS组件?仅展示上面的路由示例是如何进行的会很有帮助可以针对动态脚本加载进行修改。 最佳答案 更新:参见AsyncComponents官方文档中的部分。 关于javascript-使用VueJS动态加载组件

javascript - 扩展原生 d3 组件(如 d3.svg.axis())的惯用方法是什么?

对于d3中的时间序列可视化,我想在轴上突出显示年份。我通过制作我自己的xAxis渲染器实现了这一点,它调用nativeaxis函数,然后实现我自己的自定义逻辑来格式化它渲染的刻度。我就是这样做的(seeworkingexampleonjsbin):xAxis=d3.svg.axis().scale(xScale)customXAxis=function(){xAxis(this);d3.selectAll('.tick',this).classed("year",isYear);};...xAxis.ticks(10);xAxisElement=canvas.append("g").c

javascript - 使用 React Router 和 Redux Simple Router 的 onEnter Transitions 不要渲染新路由的组件

我有一个使用react@0.14、redux@3.05、react-router@1.0.3和redux-simple-router@2.0.2的应用程序。我正在尝试根据商店状态为我的一些路线配置onEnter转换。转换Hook成功触发并将新状态推送到我的商店,这会更改url。但是,在页面上呈现的实际组件是来自路由匹配的原始组件处理程序,而不是新url的新组件处理程序。这是我的routes.js文件的样子exportdefaultfunctionconfigRoutes(store){constauthTransition=functionauthTransition(location

javascript - 如何使用 ng2-dragula 拖放到多个 Angular2 组件

我有一个Angular2组件使用ng2-dragula像这样拖/放:@Component({selector:'my-comp',directives:[Dragula],viewProviders:[DragulaService],template:`...`})我的问题:如果我创建多个“my-comp”组件,“card-bag”中的项目不能拖/放这些组件,尽管它们具有相同的包名称。这些项目只能拖/放到它拥有的组件内。我们是否有任何跨组件拖放的配置,或者这是ng2-dragula的限制?谢谢。 最佳答案 如果您没有使用[dragu

javascript - ReactJS:即使在重新渲染组件后复​​选框状态仍然存在

我创建了一个JSfiddle在这个fiddle中,最初根据传递给组件的props呈现一个复选框列表。单击Re-render按钮时,同一组件将使用一组不同的props进行渲染。现在,请按照以下步骤-加载jsfiddle选中任何一个复选框(假设我选中了第二个和第三个复选框)点击重新渲染按钮即使在使用新的props渲染组件后,您选中的复选框的状态仍保持不变(第2个和第3个仍处于选中状态)为什么会这样?我如何使用新的Prop集重新渲染组件,以便复选框的状态不会持续存在。 最佳答案 因为React的diffalgorithm很聪明。重新渲染新

javascript - Aurelia 组件未加载 View 模型

我目前正在尝试学习Aurelia我已经设法使用aurelia-cli设置了一个基本应用程序,现在我正在尝试构建一个自定义组件。我对Aurelia的印象是我可以设置这样的结构:>/app_folder>--/src>----app.html(rootcomponentview)>----app.js(rootcomponentview-model)>----/components>------/my-component>--------my-component.html(customcomponentview)>--------my-component.js(customcomponen

javascript - 我应该为选项卡组件使用 react-router 吗?

我希望构建一个选项卡组件,其中一些选项卡将包含动态内容。我最初开始遵循本教程:CreatingatabscomponentwithReact在阅读了react-router之后,它似乎也可以解决这个问题。什么是更好的方法和/或它是否有所作为? 最佳答案 是的,这是ReactRouter的完美工作,因为它专注于简化单页应用程序的URL重定向过程。用于导航的选项卡的用例,绝对属于ReactRouter的范围。您可以为此使用ReactRouter3或4,但是ReactRouter4APIisonthehorizon文档看起来很棒。您可以在

javascript - 如何将 vanilla .js 添加到自定义 Vue 组件

我正在尝试添加一个简单的date-picker到自定义vue组件。我没有使用webpack,所以我想避免使用现成的.vue组件,我更愿意了解如何将简单的javascript添加到vue。我正在关注thisofficialvuetutorial我也看过thiscodepen但我无法让日期选择器出现。这是我的jsfiddle:HTML:应用程序.js:Vue.component('date-picker',{extends:Flatpickr,mounted(){this.Flatpickr(date-elem,{})}})如何在不需要.vue文件、webpack等的情况下轻松地将vani