JavaScript Function Is Not Firing in Partial View In ASP.NET MVC

Question

I have added some javascript function in my partial page. But it is not firing. Need help.

Thanks in advance

@section scripts {
<script type="text/javascript">
$(document).ready(function () {


    $('#btn').click(function (event) {
        alert("Hi");
        var filterstring = $('#txtCode').val();
        $.get("/Test/Details?filterstring=" + $('#txtCode').val() + "", function (data) {
            var getHTML = $(data);
            $('#WebGrid').empty();
            $('#WebGrid').html($('#WebGrid', getHTML));
            ChkAddClass();
        });
    });


</script>
   }

@Shariful_Islam have you check in browser? is there any error you get? — Sid
– Sid, Commented Jul 24, 2014 at 12:03

Community · Accepted Answer · 2017-05-23 11:53:11Z

5

It is not possible to use sections in a partial view, you have to move this script to main view or use a custom helper.

And also since you are using AJAX you have to use delegated events to attach an event handler.

Please read the Direct and delegated events section of .on().

$(document).on('click', '#btn', function(){
    alert("Hi");
    var filterstring = $('#txtCode').val();
    $.get("/Test/Details?filterstring=" + $('#txtCode').val() + "", function (data) {
        var getHTML = $(data);
        $('#WebGrid').empty();
        $('#WebGrid').html($('#WebGrid', getHTML));
        ChkAddClass();
    });
});

Thanks!

edited May 23, 2017 at 11:53

CommunityBot

11 silver badge

answered Jul 24, 2014 at 12:05

Saranga

3,2281 gold badge20 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Shariful_Islam Over a year ago

I tried it like that. But its not working. Even in page source I did not find my javascript.

Saranga Over a year ago

It is not possible to use sections in a partial view, I updated my answer.

Turnip · Accepted Answer · 2014-07-24 11:55:26Z

2

You are closing you doc ready block after the closing script tag and you are missing );

<script type="text/javascript">
$(document).ready(function () {


    $('#btn').click(function (event) {
        alert("Hi");
        var filterstring = $('#txtCode').val();
        $.get("/Test/Details?filterstring=" + $('#txtCode').val() + "", function (data) {
            var getHTML = $(data);
            $('#WebGrid').empty();
            $('#WebGrid').html($('#WebGrid', getHTML));
            ChkAddClass();
        });
    });

});
</script>

answered Jul 24, 2014 at 11:55

Turnip

36.8k15 gold badges92 silver badges118 bronze badges

Collectives™ on Stack Overflow

JavaScript Function Is Not Firing in Partial View In ASP.NET MVC

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related