表单配置

设置表单配置

$config = Iview::config();
$config->resetBtn(true);
//或者
//$config = ['resetBtn'=>true];

$form->setConfig($config);

开启事件注入

$config->injectEvent(true);

表单整体显示规则配置

$formStyle = Iview::formStyle();
//开启行内表单模式
$formStyle->inline(true);
$config->formStyle($formStyle);

方法:

 * @method $this inline(bool $inline) 行内表单模式, 默认值: false
 * @method $this labelPosition(string $labelPosition) 表单域标签的位置，如果值为 left 或者 right 时，则需要设置 label-width, 可选值: right/left/top, 默认值: right
 * @method $this labelWidth(string $labelWidth) 表单域标签的宽度，例如 '50px'。作为 Form 直接子元素的 form-item 会继承该值。支持 auto。
 * @method $this showMessage(bool $showMessage) 是否显示校验错误信息, 默认值: true
 * @method $this autocomplete(bool $bool) 原生的 autocomplete 属性

表单组件布局配置

$row = Iview::row();
$row->gutter(5);
$config->row($row);

方法:

@method $this gutter($gutter) 栅格间距，单位 px，左右平分
@method $this type($type) 布局模式，可选值为flex或不选，在现代浏览器下有效
@method $this align($align) flex 布局下的垂直对齐方式，可选值为top、middle、bottom
@method $this justify($justify) flex 布局下的水平排列方式，可选值为start、end、center、space-around、space-between
@method $this className($className) 组件的class

设置表单按钮

修改提交按钮样式

//创建一个按钮组件
$button = Iview::button();
$button->plain(true);
$config->submitBtn($button);

显示并修改重置按钮样式,重置按钮默认是隐藏的

$resetBtn = Iview::button();
$resetBtn->plain(true)->show(true)->innerText('立即重置');
$config->resetBtn($resetBtn);

设置提交按钮布局规则

$button = Iview::button();
$button->col(['span'=>6]);
//$button->col(Iview::col()->span(6));
$config->submitBtn($button);

方法:

 *
 * @method $this type(string $type) 按钮类型，可选值为primary、ghost、dashed、text、info、success、warning、error或者不设置
 * @method $this size(string $size) 按钮大小，可选值为large、small、default或者不设置
 * @method $this long(bool $long) 开启后，按钮的长度为 100%
 * @method $this htmlType(string $type) 设置button原生的type，可选值为button、submit、reset
 * @method $this disabled(bool $disabled) 设置按钮为禁用状态
 * @method $this icon(string $icon) 设置按钮的图标类型
 * @method $this innerText(string $innerText) 按钮文字提示
 * @method $this loading(bool $loading) 设置按钮为加载中状态
 * @method $this show(bool $show) 是否显示, 默认显示
 * @method $this shape(bool $isCircle) 按钮形状是否为circle
 *
 * 以下方法在全局配置时使用有效
 * @method $this show(bool $show) 是否显示, 默认显示
 * @method $this innerText(string $innerText) 按钮文字提示

组件提示信息样式

poptip类型,默认

$poptip = Iview::poptip();
$poptip->trigger('click');
$config->info($poptip);

方法:

 * @method $this trigger(string $trigger) 触发方式，可选值为hover（悬停）click（点击）focus（聚焦）, 在 confirm 模式下，只有 click 有效
 * @method $this popperTitle(string $title) 显示的标题
 * @method $this placement(string $placement) 提示框出现的位置，可选值为top, top-start, top-end, bottom, bottom-start, bottom-endleft, left-start, left-end, right, right-start, right-end
 * @method $this width(string $width) 宽度，最小宽度为 150px，在 confirm 模式下，默认最大宽度为 300px
 * @method $this confirm(bool $confirm) 是否开启对话框模式
 * @method $this disabled(bool $disabled) 是否禁用
 * @method $this okText(string $okText) 确定按钮的文字，只在 confirm 模式下有效
 * @method $this cancelText(string $cancelText) 取消按钮的文字，只在 confirm 模式下有效
 * @method $this transfer(bool $transfer) 是否将弹层放置于 body 内，在 Tabs、带有 fixed 的 Table 列内使用时，建议添加此属性，它将不受父级样式影响，从而达到更好的效果
 * @method $this popperClass(string $popperClass) 给 Poptip 设置 class-name，在使用 transfer 时会很有用
 * @method $this wordWrap(bool $wordWrap) 开启后，超出指定宽度文本将自动换行，并两端对齐
 * @method $this padding(string $padding) 自定义间距值
 * @method $this offset(float $offset) 出现位置的偏移量
 * @method $this options(array $options) 自定义 popper.js 的配置项

tooltip类型

$tooltip = Iview::tooltip();
$tooltip->placement('top');
$config->info($tooltip);

方法:

 * @method $this placement(string $placement) 提示框出现的位置，可选值为top, top-start, top-end, bottom, bottom-start, bottom-endleft, left-start, left-end, right, right-start, right-end
 * @method $this disabled(bool $disabled) 是否禁用
 * @method $this delay(float $delay) 延迟显示，单位毫秒
 * @method $this always(bool $always) 是否总是可见
 * @method $this theme(string $theme) 主题，可选值为 dark 或 light
 * @method $this maxWidth(string $maxWidth) 最大宽度，超出最大值后，文本将自动换行，并两端对齐
 * @method $this transfer(bool $transfer) 是否将弹层放置于 body 内，在 Tabs、带有 fixed 的 Table 列内使用时，建议添加此属性，它将不受父级样式影响，从而达到更好的效果
 * @method $this offset(float $offset) 出现位置的偏移量
 * @method $this options(array $options) 自定义 popper.js 的配置项
Powered by