Load external scripts in modal being loaded via ajax

Question

By default, I have a configuration file of various plugins and actions of my system

A simple example is the use of tooltip:

$(".bn-tooltip").tooltip({
    track: true
});

Datepicker:

$('.bn-datepicker').datepicker({
    autoclose: true,
});

I do this because when I will use anywhere in the system, I just call the class I have set there.

Well, it turns out that when I press I see ajax my modals, it does not recognize these "settings" and I have to pass inside the modal page the same codes I already have, or put the file config.js in modal...

Is there any elegant solution to not need to insert every time you use modal the same codes or always insert the files script?

Answer 1

The elegant way is by putting a section for Scripts in the Modal Layout:

@RenderSection("scripts", required: false)

Thus, for each file of View other than a Partial, just call the Views with the following statement at the end of the:

@section scripts 
{
    <script>
        $(".bn-tooltip").tooltip({
            track: true
        });

        $('.bn-datepicker').datepicker({
            autoclose: true,
        });
    </script>
}