Unfinished GridRowTemplate

by rusev

HTML

<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<table id="grid1">
    <thead>
        <tr>
            <th> Private Name </th>
            <th> Public Name </th>
            <th> Published </th>
            <th> Page Order </th>
            <th> Portal </th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
<div id="grid"></div>
<script id="rowTemplate" type="text/x-kendo-tmpl">
    <tr>
      <td>
        ${ PRIVATE_NAME }
      </td>
      <td>
        ${ PUBLIC_NAME }
      </td>
      <td>
        ${ PUBLISHED }
      </td>
      <td>
        ${ PAGE_ORDER }
      </td>
      <td>
        
        <select name='PORTAL_ID' class='DropDownTemplate'>
        
        <option value='${ PORTAL_ID }'>Nothing</option>
        
        </select>
      </td>
    </tr>
</script>

JavaScript

var crudServiceBaseUrl = "http://myfpateaches.com/models/pages.cfc?method=",
    dataSource = new kendo.data.DataSource({
        transport: {
            read:  {
            url: crudServiceBaseUrl + "JSON_Pages",
            dataType: "jsonp"
            },
            update: {
            url: crudServiceBaseUrl + "Glue_SET_JSON_Update&modelName=pages&excluded=PORTAL_NAME",
            dataType: "JSON"
            },
            destroy: {
            url: crudServiceBaseUrl + "Glue_SET_JSON_Delete&modelName=pages",
            dataType: "JSONP"
            },
            create: {
            url: crudServiceBaseUrl + "Glue_SET_JSON_Insert&modelName=pages&excluded=PORTAL_NAME",
            dataType: "JSONP"
            },
            parameterMap: function(options, operation) {
                if (operation !== "read" && options.models) {
                return {models: kendo.stringify(options.models)};
                }
            }
        },
        batch: true,
        pageSize: 10,
        schema: {
            model: {
                id: "PAGE_ID",
                fields: {
                    PAGE_ID: { editable: false, nullable: true },
                    PORTAL_ID: { type: "number", validation: { required: false, nullable: true }, defaultValue: "2" },
                    PUBLISHED: { type: "number", validation: { required: true, nullable: false }, defaultValue: "1" },
                    PRIVATE_NAME: { type: "string", validation: { required: false, nullable: true }, defaultValue: "default" },
                    PUBLIC_NAME: { type: "string", validation: { required: false, nullable: true }, defaultValue: "Default" },
                    PAGE_ORDER: { type: "number", validation: { required: false, nullable: true }, defaultValue: "99" }
                }
            }
        }
    } );
    var dropdataSource = new kendo.data.DataSource({
                    transport: {
                        read: {
                           ...