mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-27 05:36:20 +10:00
Feature: disabled option of Cascader
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
# 禁用选项
|
||||
|
||||
- order: 4
|
||||
|
||||
通过指定 options 里的 `disabled` 字段。
|
||||
|
||||
---
|
||||
|
||||
````jsx
|
||||
import { Cascader } from 'antd';
|
||||
|
||||
const options = [{
|
||||
value: 'zhejiang',
|
||||
label: '浙江',
|
||||
children: [{
|
||||
value: 'hangzhou',
|
||||
label: '杭州',
|
||||
children: [{
|
||||
value: 'xihu',
|
||||
label: '西湖',
|
||||
}],
|
||||
}],
|
||||
}, {
|
||||
value: 'jiangsu',
|
||||
label: '江苏',
|
||||
disabled: true,
|
||||
children: [{
|
||||
value: 'nanjing',
|
||||
label: '南京',
|
||||
children: [{
|
||||
value: 'zhonghuamen',
|
||||
label: '中华门',
|
||||
}],
|
||||
}],
|
||||
}];
|
||||
|
||||
function onChange(value) {
|
||||
console.log(value);
|
||||
}
|
||||
|
||||
ReactDOM.render(
|
||||
<Cascader options={options} onChange={onChange} />
|
||||
, mountNode);
|
||||
````
|
||||
+1
-1
@@ -40,7 +40,7 @@
|
||||
"object-assign": "~4.0.1",
|
||||
"rc-animate": "~2.0.2",
|
||||
"rc-calendar": "~5.3.0",
|
||||
"rc-cascader": "~0.6.0",
|
||||
"rc-cascader": "~0.7.0",
|
||||
"rc-checkbox": "~1.2.0",
|
||||
"rc-collapse": "~1.4.4",
|
||||
"rc-dialog": "~5.3.1",
|
||||
|
||||
@@ -113,6 +113,13 @@
|
||||
&:hover {
|
||||
background: tint(@primary-color, 90%);
|
||||
}
|
||||
&-disabled {
|
||||
cursor: not-allowed;
|
||||
color: #ccc;
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
&-active {
|
||||
background: tint(@primary-color, 80%);
|
||||
&:hover {
|
||||
|
||||
Reference in New Issue
Block a user