响应式网站弊端,猪八戒网网站设计,经典重庆论坛新闻论坛发展论坛,如何在国外网站做免费推广使用Antd React Form使用Radio会遇到嵌套多个Select和Input的处理#xff0c;需要多层嵌套和处理默认事件和冒泡#xff0c;具体实现过程直接上代码。 实现效果布局如下图 代码
Formnamebasicform{form}labelWrap{...formItemLayoutSpan(5, 19)}onFinish{on… 使用Antd React Form使用Radio会遇到嵌套多个Select和Input的处理需要多层嵌套和处理默认事件和冒泡具体实现过程直接上代码。 实现效果布局如下图 代码
Formnamebasicform{form}labelWrap{...formItemLayoutSpan(5, 19)}onFinish{onFinish}autoCompleteoffRow gutter{gutterValue}Col span{24}Form.Item nameisConfirm noStyleRadio.GroupSpace directionverticalRadio value{1}Space wrap已定级备案第span onClick{eventPrevent}Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isConfirm !(currentValues as any)?.isConfirm}{({ getFieldValue }) (FormItemSelectclassNamelevel-selectnoStyle{true}options{confidentialLevelNumberDict as optionsDict[]}disabled{getFieldValue(isConfirm) 2}name{1111}/)}/Form.Item/span级一至四Sspan onClick{eventPrevent}Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isKey !(currentValues as any)?.isKey}{({ getFieldValue }) (FormItemSelectclassNamelevel-selectnoStyle{true}options{confidentialLevelNumberDict as optionsDict[]}disabled{getFieldValue(isConfirm) 2}name{112222}/)}/Form.Item/spanAspan onClick{eventPrevent}Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isKey !(currentValues as any)?.isKey}{({ getFieldValue }) (FormItemSelectclassNamelevel-selectnoStyle{true}options{confidentialLevelNumberDict as optionsDict[]}disabled{getFieldValue(isConfirm) 2}name{11223333}/)}/Form.Item/spanGspan onClick{eventPrevent}Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isKey !(currentValues as any)?.isKey}{({ getFieldValue }) (FormItemSelectclassNamelevel-selectnoStyle{true}options{confidentialLevelNumberDict as optionsDict[]}disabled{getFieldValue(isConfirm) 2}name{11255555}/)}/Form.Item/span/Spacediv classNamemt-4span onClick{eventPrevent}Space备案证明编号Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isConfirm !(currentValues as any)?.isConfirm}{({ getFieldValue }) (FormItemInputnoStyle{true}disabled{getFieldValue(isConfirm) 1}name{33666}/)}/Form.Item/Space/span/div/RadioRadio value{2}Space wrap未定级本次密评依据GB/T 39786—2021《信息安全技术信息系统密码应用基本要求》第spanonClick{(e) {e.stopPropagation();e.preventDefault();}}Form.ItemnoStyleshouldUpdate{(prevValues, currentValues) (prevValues as any)?.isConfirm !(currentValues as any)?.isConfirm}{({ getFieldValue }) (FormItemSelectnoStyle{true}classNamelevel-selectoptions{confidentialLevelNumberDict as optionsDict[]}disabled{getFieldValue(isConfirm) 1}name{77777}/)}/Form.Item/span级一至四信息系统要求/Space/Radio/Space/Radio.Group/Form.Item/Col/Row
/Formconst eventPrevent (event: any) {event.preventDefault();event.stopPropagation();
};export { eventPrevent };.level-select {width: 84px !important;
}
