get hidden field value in knockout js MVC 4

get hidden field value in knockout js MVC 4

I am going to share the code sample for how to get hidden field value in knockout js using MVC 4


In the step 1st, View code


<div id="my-container">

<ul data-bind="foreach: mDateTime">
        <li>
            <h2 data-bind="text: $data"></h2>
                <ul data-bind="foreach: $root.matter.index.type()[$data]">
                <li> 
                        <div id="box">
                              <input type="hidden" data-bind="attr: { value: matterId }" id="hdfMatterId"/> 
                        </div>                                 
                </li>
            

             </ul>
        </li>
    </ul>
</div>


In the step 2nd, ViewModel knockoutjs code


$(document).ready(function () {
    $("#lnkbDeleteTimeEntry").live('click', function () {
    });
});


function deleteTimeEntry() {
    var TimeEntryViewModel = function () {
        var self = this;
        self.matterId = ko.observable();
            self.UpdateTimeEntry = function () {
                $.ajax({
                    type: "POST",
                    url: '/iTkTimeEntry/DeleteTimeEntry/',
                    data: "{matterId: '" + self.matterId() + "'}",
                    contentType: "application/json; charset=utf-8",
                    success: function (result) {
                        //Todo: call to view model
                        alert(result.matterId);
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        var errorMessage = '';
                        $('#message').html(jqXHR.responseText);
                    }
                });
            };
    };
    ko.applyBindings(new TimeEntryViewModel());
}

 

 

ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
http://www.code-sample.com
http://www.code-sample.xyz

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.