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>txtbox1:</label>
    <input id="txtbox1" 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>txtbox2:</label>
        <input id="txtbox2" class="myclass" data-bind="value: myInputText" type="text"/>
    </div>  
</script>
<br/>
<br/>
<div id="mydiv" data-template="mytemplate" data-bind="source: this" ></div>

JavaScript

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

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

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

    $parent.find('.myclass').each(function () {
        alert('This should change the value of ' + $(this).attr('id')); 
        $(this).val("Changed by each function");
    });
          
    if ($parent.find('#txtbox2').length > 0) {        
        alert('Since that didnt work this should REALLY change the value of txtbox2');
        $('#txtbox2').val('Changed by Id selection');
    }

});