JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.kendostatic.com/2013.3.1316/js/kendo.web.min.js"></script>
<form id="my-form">
    <input name="field1" data-bind="value:field1" type="text" />
    <input name="field2" data-bind="value:field2" type="text" />
    <input name="field3" data-bind="value:field3" type="text" />
    <button data-bind="click: save">Save</button>
</form>

JavaScript

var model = kendo.data.Model.define({
    id: "id",
    fields: {
        id: { type: 'number' },
        field1: { type: 'string' },
        field2: { type: 'string' },
        field3: { type: 'string' }
    }
});

var viewModel = kendo.observable({
    dataSource: new kendo.data.DataSource({
        type: 'json',
        transport: {
            create: {
                url: '/myurl/create',
                dataType: 'json',
                type: 'post'
            }
        },
        schema: {
            data: 'data',
            model: model
        }
    }),
    save: function(e){
        console.log("kkkkkkkk");// what to do here?
    }
});

kendo.bind($("#my-form"), viewModel);