Having trouble with VB.Net (ASP Razor) scripts in the Scripts section?

What is preventing this from functioning properly in VB.NET?

 @Section Scripts
            <script src='@Url.Content("~/Scripts/kendo-grid-utilities/kendo-grid-filter-menu-sorter.js")' type="text/javascript"></script>
     End Section

When including scripts directly on the page, they only seem to work if the @Section Scripts is placed INSIDE the tag:

<script>
    @Section Scripts

    function blah(parameter){
...

I had to move the script tags inside @Section Content after the on-page styles...

UPDATE: This issue arises on a page utilized within a Kendo Window.

There are loading problems with scripts (specifically in IE!!) and I am trying to eliminate this as a potential cause.

javascriptasp.netasp.net-mvcvb.netrazor

Answer №1

I also left a comment on one of your earlier posts, perhaps consider exploring the following alternative approach:

@Section Custom Scripts
            <script src="~/Scripts/kendo-grid-utilities/kendo-grid-filter-menu-sorter.js" type="text/javascript"></script>
End Section

Answer №2

Combining resources is the solution, at least for this specific issue!

For example, in BundleConfig:

 bundles.Add(New ScriptBundle("~/bundles/common").Include(
                   "~/Scripts/utility/script1.js",
                   "~/Scripts/utility/script2.js"))

and on the webpage:

@Scripts.Render("~/bundles/common")

A big thank you to everyone involved!

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

I'm looking to include an icon in my TreeItem component in Material UI 4. How

I have a unique menu created using MATERIAL UI 4, consisting of a primary TreeItem for the main menu and a secondary TreeItem for the submenu sections. I am looking to assign a specific icon to each main menu label. How can I achieve this? Additionally, ...

javascriptreactjsmaterial-designmaterial-ui

Dynamic dropdowns in ASP.NET C# within a repeater triggering a complete postback

On my page, there is a Repeater nested within an UpdatePanel that contains server control elements. While all other controls function properly, the Drop Down control triggers a full postback every time. <asp:Repeater ID="rpt" runat="server"> < ...

c#asp.netdrop-down-menurepeaterautopostback

Is there a way to reset the input text in VueJS once a button has been clicked?

Is there a way to make the text in the input box clear once the enter button is pressed and the addTask function is executed to add the task to the list? I attempted to use document.getElementById("inp").innerHTML = "" but it didn't work. Any suggesti ...

javascriptfunctioninputvue.jsinnerhtml

A functioning <table> must have <td> capabilities that do not redirect to a URL

I can't figure out how to handle a problem with a <table> Specifically, I have a table row that contains a Redirect URL and only one table data <td> with unique functionality <table> <thead> <th></th> ...

javascripthtmljqueryasp.netmaterial-design

Maintaining the Syntax when Copying HTML to a Text Area

In my project, I rely on markdown for text editing. The markdown is converted to HTML and then stored in the database for display in the view. When users want to edit a post, the stored text is retrieved from the database and used as the initial value in ...

javascripthtmlangulartextarea

What is the best way to create a tree structure that can hold data from multiple sources?

I have a variety of Models within my application: ModelA: fields: [id, name], hasMany: ModelB ModelB: fields: [id, name, attr], hasMany: ModelC ModelC: fields: [id, name, attr] To efficiently manage this nested data, I utilize a data store in conjuncti ...

javascriptextjs

Optimal method for file uploading with Node.js

How can I effectively manage file uploads in node js? I would like users to be able to upload profile images with the following specifications: -Validated size of at least 200 * 200 -Accepted file formats are png, jpg, jpeg, or gif -Additional functi ...

javascriptnode.jsexpressupload

Is there a way to discern when a particular element has been clicked on?

Please complete the following two steps: Click on the input to focus on it Then click on the button $("input").on({ focusout: function() { this.value += "one|"; } }); $("button").on("click", function(){ $old_val = $("input").val(); $( ...

javascriptjqueryhtml

Struggling to link an external JavaScript file to your HTML document?

While attempting to run a firebase app locally, I encountered an error in the chrome console: GET http://localhost:5000/behaviors/signup.js net::ERR_ABORTED 404 (Not Found) Do I need to set firebase.json source and destination under rewrites or add a rout ...

javascriptnode.jshtmlfirebaseexpress

TypeScript Error: The Object prototype must be an Object or null, it cannot be undefined

Just recently, I delved into TypeScript and attempted to convert a JavaScript code to TypeScript while incorporating more object-oriented features. However, I encountered an issue when trying to execute it with cmd using the ns-node command. private usern ...

javascripttypescriptimport

How about incorporating a unique twist while utilizing a for loop to attach click listeners?

I've been exploring, but I'm unable to find a solution to this particular issue. I am working with a linked list that needs to be accessed when specific items on my webpage are clicked. To do this, I created a get(id) method that iterates throug ...

javascriptjquery

Using ASP.Net, you can effortlessly redirect users from a 404 error page to a fresh,

Forgive me if this question has already been asked...I couldn't seem to find any satisfactory answers. I've come across some ASP tutorials that demonstrate this code: <% Response.Redirect "http://www.w3schools.com" %> My confu ...

c#asp.nethttp-redirect

Organize database entries by categories for easy navigation

I've developed a web application centered around TV Shows to enhance my understanding of AngularJS. Within my database, I have a table containing various TV shows, each with an assigned category column. For instance, "Dexter" is categorized as "thrill ...

javascriptmysqlangularjs

Expanded MUI collapsible table squeezed into a single cell

I'm experimenting with using the MUI table along with Collapse to expand and collapse rows. However, I've noticed that when utilizing collapse, the expanded rows get squished into one cell. How can I adjust the alignment of the cells within the p ...

javascriptcssreactjsmaterial-ui

jQuery class toggle malfunction

I have a series of list items with specific behavior when clicked: Clicking a list item will select it and add the class .selected If another list item is clicked, the previously selected item becomes unselected while the new one becomes selected If a se ...

javascriptjquery

Discover and capture zip codes using javascript

Looking to extract zip codes from strings like "HONOLULU HI 96814-2317 USA" and "HONOLULU HI 96814 USA" using JavaScript. Any suggestions on how to achieve this? ...

javascriptangularjs

I am in search of a way to utilize JavaScript in order to transform a "flat" JSON object into a nested JSON tree that allows for a one-to-many matching capability

I'm on a mission to transform a flat JSON object into a nested tree using JavaScript. The unique challenge I'm facing is the need to match one child node to multiple parent nodes, a scenario I haven't found in existing solutions. Behold, my ...

javascriptjson

Utilizing React.hydrate in conjunction with Vue: A Beginner's Guide

Wondering about a unique scenario here - I have a website built with Vue and now I aim to showcase a library I developed in React. In order to steer clear of server-side rendering (SSR), I can simply wrap ReactDOM.hydrate(ReactApp, document.getElementById( ...

javascriptreactjsvue.js

Load the entire HTML5 video content from a content delivery network (CDN)

Does anyone know of a way to preload an html5 video for seamless playback and seeking without any buffering delays? I've come across various solutions involving xhr and creating blob URLs, like the code snippet below: var r = new XMLHttpRequest(); r. ...

javascripthtmlvideosafarihtml5-video

Display partial content in Ruby on Rails 5 using link_to without the need to refresh the view

I want to display a partial when a button is clicked without refreshing the page. This is what I attempted in my exploitation_controller: def show_content respond_to do |format| format.js end end In routes.rb: get '/exploi ...

javascriptruby-on-railsbootstrap-4