datagrid component edit mode how to add fields validate

[fengdie]

this is easyui for jquery code.

Code:

columns      : [[
            {
                field:'title',title:'回访计划名称',width:430,halign:'center',
                editor : {
                    type : 'textbox',
                    options : {
                        required : true
                    }
                }
            },
]]

[jarry]

Wrap the DataGrid with a Form and add validating rules to the Form. Please look at this code:

Code:

<Form :model="editRow" :rules="rules" @validate="errors=$event">
	<DataGrid ref="dg" style="height:250px"
		:data="data" 
		:clickToEdit="true" 
		editMode="row" 
		@editBegin="editRow=$event.row"
	>
		<GridColumn field="itemid" title="Item ID" :editable="true"></GridColumn>
		<GridColumn field="name" title="Name" :editable="true">
			<template slot="edit" slot-scope="scope">
				<TextBox v-model="editRow.name" name="name" v-Tooltip="getTipOpts('name')"></TextBox>
			</template>
		</GridColumn>