带数字类型的可编辑行

时间:2017-09-09 09:06:20

标签: yii2 editablegrid

如何使用数字创建此输入类型。我的意思是当在手机中打开页面时,它将打开数字键盘。

IMAGE

        [
        'class'=>'kartik\grid\EditableColumn',
        'headerOptions' => ['style' => 'width:10%', 'class'=>'text-center'],
        'editableOptions'=>[
            'asPopover' => false,
            'inputType'=>\kartik\editable\Editable::INPUT_TEXT,
            // Change here:
            'editableValueOptions'=>['type'=>'number']
        ],

        'attribute'=>'quantity',
        'label'=>'Quantity',
    ],

编辑 - >>添加'editableValueOptions'=>['type'=>'number']

2 个答案:

答案 0 :(得分:0)

使用editableValueOptions。正如文档所说:

  

editableValueOptions:array,显示可编辑值的HTML属性。

        [
            'class'=>'kartik\grid\EditableColumn',
            'headerOptions' => ['style' => 'width:10%', 'class'=>'text-center'],
            'editableOptions'=>[
                'asPopover' => false,
                'inputType'=>\kartik\editable\Editable::INPUT_TEXT,
                // Change here:
                'editableValueOptions'=>['type'=>'number']
            ],

            'attribute'=>'quantity',
            'label'=>'Quantity',
        ],

答案 1 :(得分:0)

    'attribute' => 'quantity',
    'class' => 'kartik\grid\EditableColumn',
    'editableOptions'=>[
        'valueIfNull' => 'not set',
        'inputType' => \kartik\editable\Editable::INPUT_HTML5,
        'options' => [
            'type' => 'number',
            'min' => '0.5',
            'step' => '0.5',
        ],
    ],

您应该使用options数组,如上所示