Home/ Questions/Q 6098607
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T13:10:39+00:00

Doubt this is possible as I don’t have a 1 page app, but pretty

  • 0

Doubt this is possible as I don’t have a 1 page app, but pretty much every view I make contains 80% of the same css/javascript, so is there any way I could tell knockoutJS a master view which everything else would just populate?

I doubt it as this is pretty much what a 1 page app is for… best I can hope for is to use something like Combres to combine all my non-changing stuff together into one resource file per type…

== EDIT ==

Adding example of what I mean, I am pretty sure I wouldn’t be able to inject into multiple areas like shown below, but here is an example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>Master Page</title>
        <link type="text/css" rel="stylesheet" href="../Assets/Styles/main.css">
        <link type="text/css" rel="stylesheet" href="../Assets/Styles/Themes/simple.css">
        <link type="text/css" rel="stylesheet" href="../Assets/Styles/jquery.qtip.min.css">
        {Per Page Css Here}
    </head>
    <body>
        {Per Page Content Here}

        <script type="text/javascript" src="../Scripts/Libs/jquery-1.6.1.min.js"></script>
        <script type="text/javascript" src="../Scripts/Libs/jquery-ui-1.8.13.custom.min.js"></script>
        <script type="text/javascript" src="../Scripts/Libs/jquery.validate.min.js"></script>
        <script type="text/javascript" src="../Scripts/Libs/jquery.tmpl.js"></script>
        <script type="text/javascript" src="../Scripts/Libs/jquery.qtip.pack.js"></script>
        <script type="text/javascript" src="../Scripts/Libs/knockout-1.2.1.js"></script>
        <script type="text/javascript" src="../Scripts/Libs/knockout-external-templates.js"></script>
        <script type="text/javascript" src="../Scripts/Libs/cufon-yui.js"></script>

        {Per Page Scripts Here}
    </body>
</html>

<!-- View 1 -->
<link type="text/css" rel="stylesheet" href="../Assets/Styles/Views/view1.css">
<h1>Some Content</h1>
<script type="text/javascript" src="../Scripts/view1.js"></script>

<!-- View 2 -->
<link type="text/css" rel="stylesheet" href="../Assets/Styles/Views/view2.css">
<h1>Some Other Content</h1>
<script type="text/javascript" src="../Scripts/view2.js"></script>

Again, if I cannot do this its not a game breaker, just dont want to have to update every view if I update the jquery version etc…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could declare your Javascript code relevant to each view in your views and the common code in your master page. Then call that bit of code from your master page and bind them using ko.applybindings.

    • 0