草庐IT

semantic-ui-react

全部标签

javascript - 在客户端中包含 jquery-ui-browserify

我',使用browserify将Node模块转换为我的express应用程序的浏览器模块。这是browserify的命令browserify-rjquery>./public/js_app/jquery.jsbrowserify-rjquery-ui-browserify>./public/js_app/jquery-ui.js这是需要jqueryvarjQuery=require('jquery');这段代码工作正常jQuery("#info-dialog");但我不知道如何包含jquery-ui-browserify。我已经试过了,但没有用varjQuery=require('jq

javascript - 使用 React.JS 检索和缓存 SVG 节点边界框​​的最佳方法

我正在渲染带有标签的SVG组件。这些标签组件需要根据它们的文本内容(以及它们的大小)正确布局,以避免相互重叠。要获得每个标签的真实大小,似乎每次更新标签内容时都需要双重渲染。在标签组件级别,我需要第一次渲染检索真实SVGDOM节点的边界框出于性能原因缓存边界框重新渲染组件以根据其缓存的边界框调整标签位置然后,在每次重绘时:根据缓存的边界框渲染比较之前和更新的props之间的标签内容,如果有变化:更新并缓存标签边界框根据更新和缓存的边界框重新渲染到目前为止,这是我实现标签组件的方式:varLabel=React.createClass({updateBBox:function(){//T

javascript - React.addons.batchedUpdates API 的用途是什么?

Reactv0.12发布公告包括以下内容:NewFeatures:*React.addons.batchedUpdatesaddedtoAPIforhookingintoupdatecycle但是我找不到此API的任何文档。它的用途是什么?具体来说,它是否有可能与Ember.run()等效? 最佳答案 当响应onClick等综合事件时,组件状态更改是批处理的,因此对同一组件多次调用this.setState只会导致一次渲染。如果您正在更改状态以响应其他一些异步回调(例如AJAX或setTimeout),那么每次调用this.setS

javascript - 如何从 ui-grid 中显示的按钮调用范围方法 - 在 Angular js 中

我想创建一个带有链接的自定义列,并在ng-click上调用$scope方法。ngGrid(HowtocallascopemethodfromabuttondisplayedinngGrid-inAngularjs)有非常相似的问题,该解决方案有效。我正在使用ui-grid,它应该只是ngGrid的更新版本,但它似乎在那里不起作用。这是我的代码:varapp=angular.module('plunker',['ui.grid']);app.controller('MainCtrl',function($scope){$scope.gridOptions={data:[{name:'te

javascript - Angular JS - UI路由器页面重新加载不会设置状态

这是我的主要应用程序(app.js)(function(ng,module){module.config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise("app");$stateProvider.state('login',{url:'login',templateUrl:'/assets/templates/pages/login.html'}).state('root',{url:'',templateUr

javascript - React JS this.props.data 未在子组件的 getInitialState 中定义,即使它是在渲染中定义的(并且在父级中定义)

场景:在同一个祖父包装器(->)中重用组件(->)以实现代码重用。首先,我分配了一个数据数组并循环以重新使用子组件(->)。对于第二个,它只是一个对象(具有与数组对象相同的属性),我直接在渲染中分配它(不需要this.props.data.map循环,因为已经只有一个对象)。问题:对于阵列,一切都按要求工作。this.props.data传递给child,状态通过各种事件更新,一切都很好。然而,对于单个对象,在之前一切正常.即使this.props.data包含有效值并正确分配给child组件,在的getInitialState,它莫名其妙地未定义(或设置为的getInitialSta

javascript - react 组件的正确命名规范

我正在尝试为React.js应用程序中的组件找到最佳命名约定。这就是我目前一直在做的......假设我有一个searchBar组件,我想在我的table组件中呈现它。search-bar.jsvarReact=require('react');varSearchBar=React.createClass({/*codeforsearchcomponent*/});module.exports=SearchBar;table.jsvarReact=require('react');varSearchBar=require('search-bar');varTable=React.crea

javascript - jquery UI datepicker透明背景

这似乎是一个常见问题,但我尝试了很多答案,但没有一个对我有用。我正在使用jqueryUI日期选择器。似乎有些不对劲。这就是我的看法。我在我的文件中包含了以下内容jquery-1.11.2.min.jsjquery-ui.min.js(版本1.11.4)jquery-ui.min.css(版本1.11.4)我也试过下面的css但没有用。.ui-datepicker{background:#fff!important;z-index:10000;}如何让它看起来正常? 最佳答案 我用基本的日期选择器主题和彩色背景(如果你愿意,也可以是透

javascript - 如何在 React 中使用 setState() 来清空/清除数组的值

我正在尝试清除数组,但遇到了麻烦。this.setState({warnErrorTypes:[]})我不确定我是否正在处理竞争条件,或者具体问题是什么,但我可以看到我的数组的值在我需要将其值重置为[]的情况下一直是错误的.如果满足以下条件,如何将包含[1,2]的数组替换为[],然后再替换为[3]:this.state.warnErrorTypes是一个以[]开头的数组根据条件,将2压入Array根据条件,将1压入Array。根据条件,3不被压入数组暂停。用户与UI交互数组为空白:this.setState({warnErrorTypes:[]})根据条件,2未被压入数组根据条件,不将

javascript - 从语义 UI 构建中删除未使用的模块/组件

找了半天,没有找到适合当前SemanticUI2.0的方案。问题是:如何从我的JS/CSS构建中删除未使用的组件和模块?我使用了大约1/4的所有功能,有什么简单的方法可以减小文件大小吗?从semantic.json添加/删除元素的方法似乎不再有效。谢谢,H.G. 最佳答案 这可以在语义UI的安装过程中完成。你读过InstallSemanticUI吗??描述了你要执行npminstallsemantic-ui--save开始安装脚本。系统将询问您要运行哪种类型的设置(自动、快速、自定义)。如果您选择“自定义”,系统将提示您安装语义UI