Yii2 GridView filterSelector未处理未勾选输入，复选框状态异常求助

嘿，这事儿其实算不上GridView或者PjAx的Bug，是咱们没摸透HTML复选框的提交特性和PjAx的页面更新逻辑导致的~我给你拆解下原因，再给你俩靠谱的解决办法：

问题根源 #

HTML里的复选框有个“小脾气”：只有当它被勾选时，才会把对应参数提交给后端；如果取消勾选，这个参数根本不会出现在HTTP请求里。

你现在的配置是把filterSelector指向了这个复选框，第一次勾选时，PjAx正常提交field=1，后端SearchModel拿到值，页面渲染也没问题。但当你取消勾选时，请求里根本没带field参数，这时候Yii的SearchModel会保留之前的field=true状态（因为没有新的参数覆盖它），PjAx更新页面后，复选框又会基于这个旧状态被自动勾上，就陷入了“取消后又自动勾选”的循环，请求里自然一直是field=1。

解决办法 #

方案一：添加隐藏输入框（最直接有效）

给复选框加一个同名的隐藏输入框，默认值设为0。这样不管复选框勾不勾选，都会有field参数提交：勾选时复选框的1会覆盖隐藏框的0，取消时就提交隐藏框的0，后端就能拿到正确的状态了。

代码改成这样：

<?= Html::hiddenInput('AccountSearch[field]', 0) ?>
<?= Html::checkbox('AccountSearch[field]', $searchModel->field == true, [ 
    'label' => 'Field', 
    'value' => 1 
]) ?>

方案二：调整SearchModel的默认值

在你的AccountSearch模型里，给field属性设置默认值为0，同时确保规则里允许接收0值：

class AccountSearch extends Account
{
    public $field = 0; // 设置默认值

    public function rules()
    {
        return [
            // 其他规则...
            ['field', 'integer'],
            ['field', 'in', 'range' => [0, 1]],
        ];
    }
}

不过这个方案不如第一个稳妥，因为还是依赖表单提交参数的逻辑，而添加隐藏框是从根源上解决了复选框不提交未勾选状态的问题。

另外提一句：Yii2的GridView默认的filterSelector其实已经包含了复选框，如果你自定义了这个属性，确保不要漏选相关元素，但核心问题还是复选框的提交特性~

内容的提问来源于stack exchange，提问作者Mikael