Office ui fabric Office UI结构-PeoplePicker:无法使createGenericItem正常工作
也许这只是我的一个误解,但我认为PeoplePicker()中的Office ui fabric Office UI结构-PeoplePicker:无法使createGenericItem正常工作,office-ui-fabric,Office Ui Fabric,也许这只是我的一个误解,但我认为PeoplePicker()中的createGenericItem回调用于处理无法与任何可用项匹配的输入,然后可以为此创建一个临时项。但是,不管我怎么做,都不会调用回调 我在这里为这个问题做了一支简单的笔: 在这个例子中,有两个项目,Peter和Maria。如果您键入不同的内容(并点击回车、制表符、空格等),我希望调用createGenericItem回调,但事实并非如此 我做错了什么?还是对此次召回的目的存在误解?我在任何地方都找不到一个例子。关于 但是我认为在
createGenericItem
回调用于处理无法与任何可用项匹配的输入,然后可以为此创建一个临时项。但是,不管我怎么做,都不会调用回调
我在这里为这个问题做了一支简单的笔:
在这个例子中,有两个项目,Peter和Maria。如果您键入不同的内容(并点击回车、制表符、空格等),我希望调用createGenericItem
回调,但事实并非如此
我做错了什么?还是对此次召回的目的存在误解?我在任何地方都找不到一个例子。关于
但是我认为在PeoplePicker中对createGenericItem的回调
()
用于处理输入
没错。为了触发IBasePickerProps.createGenericItem
函数,IBasePickerProps.onValidateInput
函数需要提供ValidationState.valid
作为返回值,例如:
<NormalPeoplePicker
createGenericItem={this.createGenericItem}
onValidateInput={this.handleValidateInput}
selectedItems={this.state.selectedItems}
onResolveSuggestions={this.handleResolveSuggestions}
onChange={this.handleChange}
/>
private handleValidateInput(input: string) {
return ValidationState.valid;
}
private createGenericItem(input: string, validationState: ValidationState) {
return { text: "Unknown person", state: validationState };
}
私有handleValidateInput(输入:字符串){
返回ValidationState.valid;
}
私有createGenericItem(输入:字符串,validationState:validationState){
返回{text:“未知人员”,状态:validationState};
}
演示它,一旦单击了
选项卡
或回车
键,并且无法将值解析为任何可用项目,将显示未知人员
项目非常感谢。正是我遗漏了什么:-)只是出于好奇:你是否在文档中的某个地方读到了这篇文章,或者你是否可以推荐Office UI上有好例子的其他资源?嗯,是我无意中删除了你的评论,还是你自己删除了它?是我做的;),想把它改写成:源代码加上相当好的注释覆盖率,这是迄今为止找出如何使用未记录特性的最可靠的方法。我只是回答说谢谢,这就是我担心的情况,这时你的评论突然消失了:-)我想知道我是否误按了某个按钮。。。所以谢谢你:-)