草庐IT

网页组件

全部标签

javascript - 使用 Ext.create 在 ExtJS 4 GridPanel Column 中呈现动态组件

我有一个从商店填充的ExtJS(4.0.7)GridPanel。我在GridPanel的列中显示的值需要具有不同的View,具体取决于记录中的数据类型。最终目标是记录的type属性具有“double”或“integer”值的记录向用户呈现一个他们可以调整的slider,并且一种类型的“string”只是呈现一些只读文本。我创建了一个自定义列来执行此操作。它检查渲染器中的类型并确定要渲染的内容。我的“字符串”在下面的代码中运行良好,但我在努力解决如何动态创建和呈现列中更复杂的slider控件的问题。这个简化的示例只是试图呈现一个带有日期控件的Panel,就好像我可以做到这一点一样,我可以

javascript - 用于 es6(弱) map 、集合的正确 React 组件 PropTypes

我想强制用户传递es6Mapobject到使用PropTypes的React组件,例如:staticpropTypes={elementsMap:React.PropTypes.map(React.PropTypes.string,editorPropTypes.element).isRequired,}但是在React中似乎没有这样的东西。(Theofficialdocumentation)。 最佳答案 elementsMap:p.instanceOf(Map).isRequired

javascript - 使用 TinyMCE 是网页上所见即所得编辑器的首选吗?什么是好的替代品?

使用TinyMCE是网页上所见即所得编辑器的首选吗?什么是好的替代品?一些比较似乎表明TinyMCE是跨浏览器最兼容的浏览器之一:http://geniisoft.com/showcase.nsf/WebEditors 最佳答案 TinyMCE是一个不错的选择。我已经在商业产品中使用它并取得了良好的效果。我也在为一个新项目寻找FCKEditor,特别是因为集成的文件上传和谣言说它有更好的XSS保护。坦率地说,我不确定任何一个都足以防止XSS(如果担心的话,您可能需要补充类似http://htmlpurifier.org/的内容)。

javascript - 如何显示/隐藏 ReactJS 组件

尝试学习ReactJS..但令我困惑的是组件的渲染。我见过的每个例子都定义了一个React组件类,最后有类似的东西:React.renderComponent(,document.getElementById('comp'));我知道它用我的组件替换了“comp”元素。这太棒了。但似乎如果我加载20个组件,所有20个组件都会渲染。但是,我只想渲染一些而不是全部,而是在整个SPA中使用全部。我正在使用DirectorJS路由器,并且根据用户是否登录和/或转到某些链接,我只想显示一个或多个组件。我似乎找不到任何关于如何动态管理显示或隐藏react组件的信息/示例/教程。更重要的是,我真正想

javascript - 将数组传递给 React 中的组件属性

如何将数组作为属性传递给组件。以下都没有实现我正在寻找的东西。我想传递项目数组,在组件中操作它们并在渲染方法中输出。//unexpectedtoken//passedthroughasstringnotarray这种事情有标准语法或最佳实践吗? 最佳答案 您需要在js表达式周围使用{}: 关于javascript-将数组传递给React中的组件属性,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/qu

javascript - 将自定义 Prop 传递给 react-router v4 中的路由器组件

我正在使用ReactRouter创建一个多页面应用程序。我的主要成分是并将所有路由呈现给子组件。我正在尝试通过路线传递Prop,并基于一些research我做到了,子组件利用传递下来的Prop的最常见方式是通过this.props.route他们继承的对象。但是,这个对象对我来说是未定义的。在我的render()在子组件中的功能,我console.log(this.props)并返回一个看起来像这样的对象{match:Object,location:Object,history:Object,staticContext:undefined}看起来完全不像我预期的Prop。这是我的详细代

View 组件中的 Javascript

我有一个View组件,它在Razor(.cshtml)文件中包含一些jQuery。脚本本身非常特定于View(处理第三方库的一些配置),因此为了组织起见,我想将脚本和HTML保存在同一个文件中。问题是脚本没有在_LayoutScripts部分呈现。显然这只是howMVChandles关于View组件的脚本。我可以通过将脚本放在Razor文件中来解决这个问题,但不在脚本部分。但后来我遇到了依赖性问题-因为在引用库之前使用了jQuery(对库的引用靠近_Layout文件的底部)。除了将对jQuery的引用作为Razor代码的一部分(这会阻碍放​​置组件的任何位置的HTML呈现)之外,是否有

javascript - React 功能组件 vs 经典组件

我试图了解何时使用React功能组件与类,并阅读docs他们并没有真正深入细节。你能给我一些下面的主要例子吗?当你想要一个类的特定功能来制作一个组件时?Afunctionalcomponentislesspowerfulbutissimpler,andactslikeaclasscomponentwithjustasinglerender()method.Unlessyouneedfeaturesavailableonlyinaclass,weencourageyoutousefunctionalcomponentsinstead. 最佳答案

javascript - 如何使用 JQuery/JS 获取给定 url(外部 url)的网页标题

我是新手,如果这是一个愚蠢的问题,请原谅..所以我尝试的是使用JQuery/JS获取URL的标题。我不想加载url的内容,然后解析其中的标签。让我更清楚一点,我有一组url,比如20个,我想为其显示标题..我指的网址不是当前网址,所以我不能使用jsdocument.title..所以我想做一些SOMEFUNC.title(URL)形式的事情并获得它的标题。有没有这个功能? 最佳答案 像这样的东西应该可以工作:$.ajax({url:externalUrl,async:true,success:function(data){varma

javascript - 如何在 reactjs 中管理树组件中的状态

我已经为此苦苦挣扎了几天,试图找出“react”方式来做到这一点。基本上,我有一个树,一个可以任意嵌套的列表列表(列表......),我想要一个组件来显示它并启用重新排列。这是我的数据:vardata=[{id:1},{id:2,children:[{id:3,children:[{id:6}]},{id:4},{id:5}]}]我的第一个步骤是只有一个“树”组件,它在其呈现函数(lookatthecodehere)中构建DOM元素的嵌套列表。这实际上对于少量元素非常有效,但我希望能够支持数百个元素,并且当一个元素在树中移动时重新渲染成本非常高(大约600毫秒,当有几百个元素)。所以我