- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在 React Native 中使用多选列表。它是 react-native-sectioned-multi-select。
我用它来输入数据到表单。使用选择列表插入数据时,它工作正常。没问题。现在,我需要编辑表格。因此,当我加载表单时,它不会将所选项目加载到选择列表中。我使用 onSelectedItemsChange 加载数据。但是,我收到一个错误。如果我使用按钮调用该函数,它不会自动调用该函数,而是加载选定的项目。但是,我需要在不手动单击按钮的情况下执行此操作。
这是我关于多选的代码。
<SectionedMultiSelect
items={this.state.items}
uniqueKey="id"
subKey="subItem"
selectText="Select"
confirmText="Select"
searchPlaceholderText="Search"
removeAllText="Clear all"
showDropDowns={true}
readOnlyHeadings={true}
showCancelButton={true}
showRemoveAll={true}
onSelectedItemsChange={this.onSelectedItemsChange}
selectedItems={this.state.selectedItems}
onSelectedItemsChange = (selectedItems) => {
this.setState({ selectedItems});
};
当我尝试自动设置 selectedItems 的状态时,它给出了错误。但是,如果我通过按下按钮设置 selectedItems 的状态,它会起作用并显示所选项目。
在这种情况下,有人可以帮助我吗?
https://github.com/renrizzolo/react-native-sectioned-multi-select
onSelectedItemsChange
最佳答案
您需要将项目保存在异步存储中。当您编辑表单时,获取项目存储并将它们添加到 selectedItems
数组。
例如
存储.js
// create function for saving items to storage
export const SaveItem = async (key, value) => {
try {
await AsyncStorage.setItem(key, value);
console.log('saved');
} catch (e) {
console.log(e);
}
};
// create function for saving items to storage
export const ReadItem = async key => {
try {
var result = await AsyncStorage.getItem(key);
return result;
} catch (e) {
return e;
}
};
并使用函数读取和保存数据,使用每个表单名称作为键。像 SaveItem('form1', [23,34,45])
。在您的组件中导入函数。
import { SaveItem, ReadItem } from './storage';
// get items for a form
editForm = key => {
ReadItem(key).then(res => {
const selected = JSON.parse(result);
this.setState({
selectedItems: selected
});
});
};
// save form data using each forms name
saveItems = (key, value) => {
const items = JSON.stringify(value);
SaveItem(key, items)
.then(res => {
console.log('saved', res);
})
.catch(e => console.warn(e));
};
关于javascript - 如何在 react-native-sectioned-multi-select 中预选项目?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56101754/
我正在尝试使用 NHibernate 实现特权,而我想做的是每次有一个 Select 查询时,检查返回类型是什么,以及它是否是我想要的启用安全的类型(例如发票)向 ICriteria 对象添加限制,以
在我的应用程序 UI 中,我有以下字段:显示日期的日期选择器、小时下拉列表、分钟下拉列表和上午/下午下拉列表。 ViewModel 正在返回一个日期时间值,我根据该值设置下拉列表: function
我正在使用 jquery-bootgrid 插件。我将为用户提供在全局范围内存储一些值的可能性,例如语言等,然后将应用于每次访问。 Bootgrid 提供了设置一些可用的 rowCounts 来显示的
我无法理解为什么 Select2 只解析 val() 数组的第一个值。我尝试过 Select2 v4.0.3无论数组中的值的个数,Select2 仍然只显示数组的第一个值。 因此,我需要填充事件 (m
easygui 中的多项选择框似乎总是默认选择一个选项。可以根据所需选项的索引使用预选参数更改所选选项。有没有办法让一开始就没有选择任何选项?我尝试过 preselect=False ,这只给了我索引
我试图在 中获取一个预选值,我已经尝试了多个教程并在此处寻找答案,但都没有奏效。这是交易 -> 我用 $http.get("api/shifts") 加载我的类次,然后: 它会转到模态窗口。但在此
我正在尝试绑定(bind)来自 Web 服务的数据,然后使用该数据预填充表单。除单个多选元素外,所有表单控件均正确绑定(bind)。如果我手动选择一个选项,模型就会更新。下面是我的 Controlle
我有一个表单,将填充 mysql 表中的数据: $db = mysql_connect("localhost:3306", "user", "pass"); mysql_select_
在 R 中,我希望为 gvisTable 设置输出选择,以便突出显示特定的行或列。 例如我有以下代码: a <- as.data.frame(matrix(1:100, nrow=10)) plot(
在以下 2 个 html 代码片段中,我尝试创建 xpath 或 css 以查找加载页面时是否突出显示(预选)了 span(片段 1 中的元素 1 和片段 2 中的元素 2) 片段 1:
了解下拉列表,我正在尝试为 nerddinner 添加一个 RSVP 创建页面,如 Scott Gu's blog使用 Html.DropDownList 列出可用的晚餐。 我可以填充下拉列表,但无法
我是一名优秀的程序员,十分优秀!