Laravel-admin下的checkbox复选框编辑表单时默认选中问题

本文探讨了在Laravel-admin框架下,如何处理列表页List中的checkbox复选框在编辑表单时实现默认选中的问题。通过在对应模型中添加字段代码,可以实现这一功能。
摘要由CSDN通过智能技术生成
1)列表页List
<?php
namespace App\Admin\Controllers\Users;
use Encore\Admin\Form;
use Encore\Admin\Grid;
use Encore\Admin\Show;
use App\Models\Users;
/**
  * Make a grid builder.
  *
  * @return Grid
  */
protected function grid()
{

    $grid = new Grid(new Users());
    // 复选框的行内编辑
    $grid->column('hobby')->checkbox(Users::pluck('hobby', 'id'));

    // 复选框显示内容
    $grid->column('hobby', '爱好')->display(function ($roles){
    $hobby = '';
    if(count($roles) > 1){
        foreach ($roles as $k=>$v){
            $hobby .= self::$focus_on_name[$v] .',' ;
        }
        $hobby = rtrim($hobby,',');
    }

    $roles = array_map(function ($role){
        return "<span class='label label-success'>&
在Vue.js中设计一个用户注册表单可以按照以下步骤实现: 首先,在HTML模板部分设置基础结构: ```html <template> <div class="register-form"> <input type="text" v-model="username" placeholder="用户名" :disabled="!agreementChecked" /> <input type="password" v-model="password" placeholder="密码" :disabled="!agreementChecked" /> <label> <input type="checkbox" v-model="agreementChecked" @change="toggleEnabled"> 我同意服务条款 </label> <button :disabled="!canRegister" @click="register">注册</button> <p v-if="errorMessage">{{ errorMessage }}</p> </div> </template> ``` 然后,在JavaScript部分编写Vue实例并设置数据和方法: ```javascript <script> export default { data() { return { username: '', password: '', agreementChecked: false, canRegister: false, errorMessage: '' }; }, methods: { toggleEnabled() { this.canRegister = !this.agreementChecked; }, register() { if (!this.username || !this.password) { this.errorMessage = '用户名和密码不能为空'; } else if (this.username === 'admin' && this.password === '123') { this.errorMessage = '注册成功!'; // 实际应用中应保存到数据库或发出网络请求 this.username = ''; this.password = ''; } else { this.errorMessage = '请输入正确的用户名和密码'; } } } }; </script> ``` 在这个例子中,我们使用了Vue的`v-model`指令双向绑定数据,`:disabled`属性控制元素是否可用,`@change`事件监听复选框状态变化,`v-if`用于显示错误信息。 当用户尝试注册,我们会检查用户名和密码是否为空,如果满足特定条件(如admin和123),则模拟注册成功。实际项目中,需要连接至后端服务器进行真正的用户注册操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值