我binding
在以下问题中阅读了有关属性的组件绑定:
据我所知,它将视图中JSF标记后面的UI组件绑定到UIComponent
辅助bean中的属性.但是,我很困惑组件绑定的用途以及何时应该使用它.有人可以用更简单的方式解释它并给出一些实际的例子吗?
我知道你可以将所有的反应组件道具传递给它的子组件,如下所示:
const ParentComponent = () => (
<div>
<h1>Parent Component</h1>
<ChildComponent {...this.props} />
</div>
)
Run Code Online (Sandbox Code Playgroud)
但是,如果子组件是无状态的,那么如何检索这些道具呢?我知道如果它是一个类组件,你可以只访问它们this.prop.whatever
,但是你将什么作为参数传递给无状态组件?
const ChildComponent = ({ *what goes here?* }) => (
<div>
<h1>Child Component</h1>
</div>
)
Run Code Online (Sandbox Code Playgroud) 如果我检查使用angular-cli创建的angular 2项目的index.html文件,我可以看到该页面只包含来自dist文件夹的3个文件:
inline.bundle.js
vendor.bundle.js
main.bundle.js
Run Code Online (Sandbox Code Playgroud)
但现在我试图了解每个文件的作用.我使用angular-cli编写了组件,我已降级,所以我可以在另一个用angular 1编写的应用程序中使用它.如果我只是将这3个文件添加到我的index.html,再加上app.module.ts文件,似乎我已升级我的应用程序,一切正常.我试图解开为什么,因为谷歌角度不是在谈论角度cli以及它如何帮助迁移.
关于使用新架构组件的MVVM,我有一个问题,如果我的应用程序需要显示一个Dialog,其中有3个选项来自我的VM中发生的某些操作,我应该如何实现?谁负责向Activity/Fragment发送显示对话框的命令?
是否有任何方法可以删除Component
添加到CENTER
a JPanel
中的a BorderLayout
,而不必引用Component
自身?
我已经尝试了所有生命周期钩子但无法完成所需的结果.我需要的结果是在加载这些元素(组件)中的每一个之后触发一个函数,该函数初始化用于单个页面上的不同元素的许多jquery插件.
所以我们说你有这种结构.
主页滑块小部件产品旋转器..等等
这些元素中的每一个都有自己的组件,并且都是主页父组件的子组件.
我需要的是知道所有子组件和父组件何时被加载,所以我触发一个jquery函数来初始化页面上的每个插件.
我有一个类别数组,它被加载一次(在创建的钩子中),然后它一直是静态的.我在组件模板中渲染此数组值.
<template>
<ul>
<li v-for="item in myArray">{{ item }}</li>
</ul>
</template>
Run Code Online (Sandbox Code Playgroud)
我的数据属性看起来(它不包括myArray - 我不想要反应绑定):
data() {
return {
someReactiveData: [1, 2, 3]
};
}
Run Code Online (Sandbox Code Playgroud)
我的创建钩子:
created() {
// ...
this.myArray = ["value 1", "value 2"];
// ...
}
Run Code Online (Sandbox Code Playgroud)
问题是,Vue抛出错误 - 我无法在模板中使用myArray,因为在创建DOM时不会创建此变量 - 已挂载.
那怎么做?或者在哪里可以存储组件常量?
在Delphi 7中,包含一个图像编辑器程序,它可以读取和写入.dcr
文件,这些文件只是.res
具有不同扩展名的二进制资源文件(文件),按照惯例,它表示.dcr文件包含具有命名位图资源的编译资源.具有与组件名称对应的名称(名为TMyComponent的组件的名为TMYCOMPONENT的位图资源).这些位图是用于在delphi组件面板上放置图标的"图标",以及当您在其上放置非可视组件时,在您的表单或数据模块上放置的图标.
快进10年到Delphi XE,我正在尝试使用位图文件和RC文件制作组件图标,并将其构建到.DCR文件,作为Delphi IDE的一部分.
它应该只是在.dpk(包源)文件中添加.Rc文件和这样的声明,如下所示:
{$R mypackageicons.rc mypackageicons.dcr}
Run Code Online (Sandbox Code Playgroud)
包含组件图标的示例.rc文件:
// COMPONENT ICON RESOURCES
TMYCOMPONENT BMP "TMYCOMPONENT.BMP"
Run Code Online (Sandbox Code Playgroud)
但是,我不能让这个工作.当我尝试它时,似乎你得到了一些奇怪的RLINK32错误,并且在borlandmm.dll中崩溃了IDE:
[DCC Error] E2161 Error: RLINK32: Unsupported 16bit resource in file "C:\temp\compicon\COMPONENTICONS.rc"
[DCC Fatal Error] F2084 Internal Error: AV21515155-W06000D07-1
Run Code Online (Sandbox Code Playgroud)
有问题的位图文件是一个简单的256色bmp文件大小24x24像素,我也尝试了16色位图,没有运气.在我看来,ImageEdit程序是我所知道的唯一可用于创建Delphi组件图标的方法.
我错过了什么?
更新:对于那些无法访问Delphi 7图像编辑器的人来说,外部工具是一个不错的解决方案,实际上可能是优秀的,但我更愿意只使用Delphi附带的东西,因为它似乎是应该只使用一个{$ R}声明,一个文本文件和一个用画笔制作的bmp文件.当然,他们并没有省略制作组件图标的方法,这个非常棒的1.5千兆字节开发工具!.. update2:还有一种方法; Rudy V.发现了它.
是否有任何经过测试和使用的组件可以用来显示"Count selector"这样的?
我们的目标是让它从API v7开始运行.
(取自DatePickerDialog)
我无法将菜单项连接到事件处理程序.这是一个UI模拟显示状态随时间的变化.这是一个下拉菜单(通过Bootstrap),根菜单项显示当前选择:
[ANN]<click ... [ANN] ... [BOB]<click ... [BOB]
[Ann] [Ann]
[Bob]<click + ajax [Bob]
[Cal] [Cal]
Run Code Online (Sandbox Code Playgroud)
最终目标是根据用户的选择异步更改页面内容.点击Bob应该触发handleClick
,但事实并非如此.
作为旁注,我对componentDidMount调用的方式并不十分满意this.handleClick();
,但它现在可以作为从服务器获取初始菜单内容的一种方式.
/** @jsx React.DOM */
var CurrentSelection = React.createClass({
componentDidMount: function() {
this.handleClick();
},
handleClick: function(event) {
alert('clicked');
// Ajax details ommitted since we never get here via onClick
},
getInitialState: function() {
return {title: "Loading items...", items: []};
},
render: function() {
var itemNodes = this.state.items.map(function (item) {
return <li key={item}><a href='#' onClick={this.handleClick}>{item}</a></li>;
});
return <ul className='nav'>
<li …
Run Code Online (Sandbox Code Playgroud) components ×10
android ×2
angular ×2
javascript ×2
reactjs ×2
angular-cli ×1
architecture ×1
binding ×1
constraints ×1
counter ×1
delphi ×1
delphi-xe ×1
handler ×1
java ×1
jquery ×1
jsf ×1
layout ×1
mvvm ×1
onclick ×1
onload ×1
presenter ×1
stateless ×1
swing ×1
vue.js ×1
vuejs2 ×1