k-grid clear filters

retrieve current edited row

by billmcknight

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.metro.min.css">
<div id="test1" class="mydiv">
    <input class="testInput" type="checkbox"/><span>Add Input</span><br />
    <label>Input:</label>
    <input class="myclass" type="text"/>
</div>


<script type="text/x-kendo-tmpl" id="mytemplate">
    <div id="test2" class="templateDiv">
        <input class="testInput" data-bind="checked: myCheckMark"  type="checkbox"/>
        <span>Add Input</span><br />
        <label>Input:</label>
        <input class="myclass" data-bind="value: myInputText" type="text"/>
    </div>  
</script>

<div id="mydiv" data-template="mytemplate" data-bind="source: this" ></div>

JavaScript

$(document).on("click",'.testInput',function (e) {
    var isChecked = $(this).attr('checked') ? true : false;
    var $parent = $(this).closest('div');
    var $allInputs = $('.myclass');
    
    alert($parent.attr("id"));

    $parent.find($allInputs).each(function () {
        if (isChecked)       
            $(this).val('Test Input');
        else
            $(this).val('');
         
    });
});


var viewModel = new kendo.observable({
  myCheckMark: false,
  myInputText: 'Click Checkmark'       
});

kendo.bind($("#mydiv"), viewModel);