{"componentChunkName":"component---src-templates-example-page-js","path":"/tutorial-example20-validation","result":{"data":{"examplePageJson":{"title":"20. Validation","codeJs":"\n gridData[0].name = '';\n gridData[4].name = '';\n gridData[0].artist = 100;\n gridData[5].artist = 100;\n gridData[0].type = 'a_z';\n\n const grid = new tui.Grid({\n el: document.getElementById('grid'),\n data: gridData,\n scrollX: false,\n scrollY: false,\n columns: [\n {\n header: 'Name',\n name: 'name',\n editor: 'text',\n validation: { required: true }\n },\n {\n header: 'Artist',\n name: 'artist',\n validation: { dataType: 'string' }\n },\n {\n header: 'Price',\n name: 'price',\n validation: {\n min: 10000,\n max: 10500,\n validatorFn: (value, row, columnName) => value !== 11000\n }\n },\n {\n header: 'Type',\n name: 'type',\n validation: {\n regExp: /[a-z]+_[a-z]/\n }\n }\n ]\n });\n ","codeHtml":"\n <div id=\"grid\"></div>\n "},"file":{"relativePath":"examples/example20-validation.html"}},"pageContext":{"id":"tutorial-example20-validation","filename":"example20-validation"}},"staticQueryHashes":["1348573739","1897965698","2583274425","4108157242"]}