Laravel Dcat Admin新增页面根据输入某一字段内容同步回填另一字段值
warning:
这篇文章距离上次修改已过186天,其中的内容可能已经有所变动。
在Dcat Admin中,你可以通过重写表单的form
方法来实现这一功能。以下是一个例子,展示了如何根据输入的字段内容来同步回填另一个字段的值:
use Dcat\Admin\Widgets\Form;
use Dcat\Admin\Models\AdminPermission;
$form = Admin::form(AdminPermission::class, function (Form $form) {
$form->text('name', 'Name');
$form->text('title', 'Title');
// 添加一个隐藏字段,用于存储自动填充的值
$form->hidden('auto_filled_value');
// 在页面加载时同步回填字段
Admin::script(
<<<JS
$('document').ready(function(){
$('#form-content').on('blur', 'input[name=name]', function(){
var nameValue = $(this).val();
// 根据nameValue字段的值来生成你想要的自动填充值
var autoFilledValue = generateAutoFilledValue(nameValue);
$('input[name=auto_filled_value]').val(autoFilledValue);
$('input[name=title]').val(autoFilledValue);
});
});
// 这是一个示例函数,用于生成自动填充的值,实际情况你需要根据需求来实现
function generateAutoFilledValue(nameValue) {
return 'Auto Filled: ' + nameValue;
}
JS
);
});
在这个例子中,我们监听了名为name
的输入字段的blur
事件,当用户离开该输入字段后,会根据name
字段的值生成另一个字段auto_filled_value
的值,并将其设置到title
字段中。这里的generateAutoFilledValue
函数是一个示例,你需要根据实际需求来实现这个函数。
评论已关闭