Javascript 肯杜伊电网公司;反应:可选行允许在每页中选择一行
通过设置Javascript 肯杜伊电网公司;反应:可选行允许在每页中选择一行,javascript,reactjs,kendo-ui,kendo-grid,kendo-react-ui,Javascript,Reactjs,Kendo Ui,Kendo Grid,Kendo React Ui,通过设置可选:行。网格允许您在每个页面中选择一个项目。我只想在网格中只选择一行,并将所选行限制为1 <Grid {...{ dataSource: dataSource, sortable: sortable, selectable: selectable, scrollable: false, navigatable: true, filterable:
可选:行
。网格允许您在每个页面中选择一个项目。我只想在网格中只选择一行,并将所选行限制为1
<Grid
{...{
dataSource: dataSource,
sortable: sortable,
selectable: selectable,
scrollable: false,
navigatable: true,
filterable: filterable,
allowCopy: allowCopy,
pageable: pageable,
perPage: perPage,
editable: editable,
change: e => e.sender.selectedKeyNames()),
persistSelection: true,
columns: [
{
template: "<span class='sl-select-check'></span>",
attributes: { class: 'sl-select-check-td' }
},
...columns
]
}}
/>
e.sender.selectedKeyNames()),
选择:对,,
栏目:[
{
模板:“”,
属性:{class:'sl select check td'}
},
…专栏
]
}}
/>
在React中实施新版本的剑道网格会更容易:
在这个演示中,选择代码是完全可自定义的,并且项目本身中是否选择了项目的状态
if (!event.nativeEvent.ctrlKey) {
this.state.data.forEach(item => item.selected = false);
}
//this works across pages.
这是React的新版本吗?是的,此版本的组件完全是为React编写的。以前的版本是jQuery小部件的react包装器。您现在可以在演示中看到两个部分。它们作为单独的包存在。新:旧:组件看起来很相似,因为HTML输出相似,可以用相同的方式设置样式,但它们的工作和配置不同。