python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
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

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions