Editor In ListView

by grippstick

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.metro.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<div id="grdLearningModules"></div>

JavaScript

var disease= {
    "__type": "DiseaseInfo:#GetHealthy.Model",
    "Description": "this is very bad for your health!",
    "Disabled": false,
    "ICD9s": ["1.1.1"],
    "ID": 1,
    "LearningModules": [{
        "__type": "DiseaseLearningModuleInfo:#GetHealthy.Model",
        "ID": 1,
        "LearningModule": {
            "__type": "LearningModuleInfo:#GetHealthy.Model",
            "Description": "Wilferd Brims loves this!.",
            "Disabled": false,
            "HtmlContent": null,
            "ID": 1,
            "IsReadingMaterial": true,
            "IsVideo": false,
            "Name": "Diabeetis Rap",
            "PictureBytes": null,
            "PictureURL": "LearningModule.photo?LearningModuleID=1",
            "Questions": [],
            "Tags": null,
            "VideoUrl": null
        },
        "WeightDefault": 0,
        "IsVideo": false,
        "Description": "Wilferd Brims loves this!."}],
    "LearningWeightDefault": 40,
    "MetricWeightDefault": 10,
    "Metrics": [{
        "__type": "DiseaseMetricInfo:#GetHealthy.Model",
        "ID": 1,
        "Metric": {
            "__type": "MetricInfo:#GetHealthy.Model",
            "Format": "Number",
            "ID": 1,
            "Increasing": true,
            "Name": "Systolic Blood Pressure",
            "Target": 120,
            "UnitType": "mmHg"
        },
        "TargetDefault": 120,
        "WeightDefault": 100}],
    "Name": "Diabetes",
    "SmallGroupPostsTargetDefault": 10,
    "SmallGroupWeightDefault": 50
};

var learningModulesDS = new kendo.data.DataSource({
    pageSize: 30,
    data: disease.LearningModules,
    schema: {
        model: {
            id: "ID",
            fields: {
                ID: {
                    editable: false,
                    nullable: true
                },
                WeightDefault: {
                    editable: true,
                    type: 'number',
                    validation: {
                        min: 0,
       ...