jQWidgets Forums

This topic contains 7 replies, has 3 voices, and was last updated by admin 8 years, 7 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

ASP .NET Core MVC Tag Helpers and jQuery version for VS2015CE Posts

November 8, 2016 at 7:19 pm ASP .NET Core MVC Tag Helpers and jQuery version for VS2015CE #88848

Participant

I am trying to use ASP .NET Core MVC Tag Helpers using your documendaion.
I am using VS 2015 Community Edition .
When I install jqwidgets using nuget.
I get intelsensie inside views and I i do not get any errors during build.
But when I open view using Chrome or Firefox i get
Uncaught ReferenceError: $ is not defined
inside js console.
When I check jquery for my project i see that Bower installed jquery 2.2.3 version.
How I can register proper version of jquery for my Asp.Net Core app so Tag Helers can work.
Is there any other issues regarding CORE Tag Helper that can issue jquery is unregister.

November 8, 2016 at 8:58 pm ASP .NET Core MVC Tag Helpers and jQuery version for VS2015CE #88853

Peter Stoev

Keymaster

Hi adopilot,

The jQuery version does not matter. It matters only if jQuery is referenced correctly in your project and jQuery is required in order to use our ASP .NET Tag Helpers. It is also required to add the script files after Jquery.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

November 10, 2016 at 7:44 pm ASP .NET Core MVC Tag Helpers and jQuery version for VS2015CE #88966

Admir Hodžić

Participant

Thank you Peter but unfortunately I still can’t start and MVC Tag helper.
I did check double that jQuery is referenced on my views.
Does
@inject Microsoft.ApplicationInsights.Extensibility.TelemetryConfiguration TelemetryConfiguration
is required.
Looks like they did not release nuggets for lasts .NET core version.

Any chance to we get working solution for VS2015 so we can test new MVC Tags

November 10, 2016 at 8:36 pm ASP .NET Core MVC Tag Helpers and jQuery version for VS2015CE #88967

admin

Keymaster

Hi adopilot,

The tag helpers solution is online on our website demos and it’s a .NET Project. With our download package, we do not ship a Visual Studio solution, we ship only the views and controllers. The documentation page: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/asp-net-core/mvc-tag-helpers.htm describes how to get started with the tag helpers, how to install them and how to create a Visual Studio project with them. As an additional help, here is how the shared _Layout.cshtml looks in our demos

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"]</title>

    <environment names="Development">
        <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
    </environment>
    <environment names="Staging,Production">
        <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.5/css/bootstrap.min.css"
              asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
              asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
    </environment>
    @Html.ApplicationInsightsJavaScript(TelemetryConfiguration)

    <environment names="Development, Production">
        <script src="~/lib/jquery/dist/jquery.js"></script>
        <link href="~/jqwidgets/styles/jqx.base.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.arctic.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.black.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.metro.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.light.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.fresh.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.energyblue.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.highcontrast.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.dark.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.bootstrap.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.shinyblack.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.office.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.metrodark.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.darkblue.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.classic.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.web.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.ui-lightness.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.ui-darkness.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.ui-overcast.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.ui-le-frog.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.ui-redmond.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.ui-redmond.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.ui-smoothness.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.ui-sunny.css" rel="stylesheet" />
        <link href="~/jqwidgets/styles/jqx.ui-start.css" rel="stylesheet" />

        <script src="http://modernizr.com/downloads/modernizr-latest.js"></script>

        <script src="~/jqwidgets/jqxcore.js"></script>
        <script src="~/jqwidgets/jqxdata.js"></script>
        <script src="~/jqwidgets/jqxcomplexinput.js"></script>
        <script src="~/jqwidgets/jqxformattedinput.js"></script>
        <script src="~/jqwidgets/jqxinput.js"></script>
        <script src="~/jqwidgets/jqxtextarea.js"></script>
        <script src="~/jqwidgets/jqxdate.js"></script>
        <script src="~/jqwidgets/jqxbuttons.js"></script>
        <script src="~/jqwidgets/jqxbulletchart.js"></script>
        <script src="~/jqwidgets/jqxtooltip.js"></script>
        <script src="~/jqwidgets/jqxprogressbar.js"></script>
        <script src="~/jqwidgets/jqxrating.js"></script>
        <script src="~/jqwidgets/jqxvalidator.js"></script>
        <script src="~/jqwidgets/jqxsplitter.js"></script>
        <script src="~/jqwidgets/jqxtoolbar.js"></script>
        <script src="~/jqwidgets/jqxscrollbar.js"></script>
        <script src="~/jqwidgets/jqxslider.js"></script>
        <script src="~/jqwidgets/jqxscrollview.js"></script>
        <script src="~/jqwidgets/jqxlistbox.js"></script>
        <script src="~/jqwidgets/jqxlistmenu.js"></script>
        <script src="~/jqwidgets/jqxdropdownlist.js"></script>
        <script src="~/jqwidgets/jqxcolorpicker.js"></script>
        <script src="~/jqwidgets/jqxcombobox.js"></script>
        <script src="~/jqwidgets/jqxsortable.js"></script>
        <script src="~/jqwidgets/jqxkanban.js"></script>
        <script src="~/jqwidgets/jqxnumberinput.js"></script>
        <script src="~/jqwidgets/jqxfileupload.js"></script>
        <script src="~/jqwidgets/jqxeditor.js"></script>
        <script src="~/jqwidgets/jqxgrid.js"></script>
        <script src="~/jqwidgets/jqxgrid.filter.js"></script>
        <script src="~/jqwidgets/jqxgrid.pager.js"></script>
        <script src="~/jqwidgets/jqxgrid.edit.js"></script>
        <script src="~/jqwidgets/jqxgrid.aggregates.js"></script>
        <script src="~/jqwidgets/jqxgrid.selection.js"></script>
        <script src="~/jqwidgets/jqxgrid.sort.js"></script>
        <script src="~/jqwidgets/jqxgrid.grouping.js"></script>
        <script src="~/jqwidgets/jqxdata.export.js"></script>
        <script src="~/jqwidgets/jqxgrid.export.js"></script>
        <script src="~/jqwidgets/jqxswitchbutton.js"></script>
        <script src="~/jqwidgets/jqxbuttongroup.js"></script>
        <script src="~/jqwidgets/jqxdropdownbutton.js"></script>
        <script src="~/jqwidgets/jqxtabs.js"></script>
        <script src="~/jqwidgets/jqxribbon.js"></script>
        <script src="~/jqwidgets/globalization/globalize.js"></script>
        <script src="~/jqwidgets/jqxcalendar.js"></script>
        <script src="~/jqwidgets/jqxcheckbox.js"></script>
        <script src="~/jqwidgets/jqxdocking.js"></script>
        <script src="~/jqwidgets/jqxpanel.js"></script>
        <script src="~/jqwidgets/jqxlayout.js"></script>
        <script src="~/jqwidgets/jqxdockinglayout.js"></script>
        <script src="~/jqwidgets/jqxradiobutton.js"></script>
        <script src="~/jqwidgets/jqxwindow.js"></script>
        <script src="~/jqwidgets/jqxdatetimeinput.js"></script>
        <script src="~/jqwidgets/jqxscheduler.js"></script>
        <script src="~/jqwidgets/jqxscheduler.api.js"></script>
        <script src="~/jqwidgets/jqxgrid.filter.js"></script>
        <script src="~/jqwidgets/jqxmenu.js"></script>
        <script src="~/jqwidgets/jqxdatatable.js"></script>
        <script src="~/jqwidgets/jqxtreegrid.js"></script>
        <script src="~/jqwidgets/jqxexpander.js"></script>
        <script src="~/jqwidgets/jqxnavigationbar.js"></script>
        <script src="~/jqwidgets/jqxdate.js"></script>
        <script src="~/jqwidgets/jqxscheduler.js"></script>
        <script src="~/jqwidgets/jqxscheduler.api.js"></script>
        <script src="~/jqwidgets/jqxtreemap.js"></script>
        <script src="~/jqwidgets/jqxtree.js"></script>
        <script src="~/jqwidgets/jqxdraw.js"></script>
        <script src="~/jqwidgets/jqxgauge.js"></script>
        <script src="~/jqwidgets/jqxbargauge.js"></script>
        <script src="~/jqwidgets/jqxgauge.js"></script>
        <script src="~/jqwidgets/jqxchart.core.js"></script>
        <script src="~/jqwidgets/jqxchart.api.js"></script>
        <script src="~/jqwidgets/jqxchart.rangeselector.js"></script>
        <script src="~/jqwidgets/jqxmaskedinput.js"></script>
        <script src="~/jqwidgets/jqxpasswordinput.js"></script>
        <script src="~/jqwidgets/jqxrangeselector.js"></script>
        <script src="~/jqwidgets/jqxknob.js"></script>
        <script src="~/jqwidgets/jqxnotification.js"></script>
        <script src="~/jqwidgets/jqxpopover.js"></script>

    </environment>
</head>
<body>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer></footer>
    </div>

    @RenderSection("scripts", required: false)
</body>
</html>

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

November 10, 2016 at 9:18 pm ASP .NET Core MVC Tag Helpers and jQuery version for VS2015CE #88971

Admir Hodžić

Participant

Thanx for tying to help, Sory if I am boring.
Missing part from documentation was that referencing scripts inside Layout is required etc.
<script src="~/jqwidgets/jqxcore.js"></script>
Now I getting 404 missing for all reffernced scripts.
When I browse my solution direcotry there is no any jqwidgets script or js file.
Does nuget jQWidgets.AspNetCore.Mvc.TagHelpers downloads scripts too , or It shoud be done manualy.
I did also Install-Package jQWidgets_Framework but still not geting any js or css from jqwidgets in my solution ?
Any tip
THanx in advanced

November 10, 2016 at 9:36 pm ASP .NET Core MVC Tag Helpers and jQuery version for VS2015CE #88972

admin

Keymaster

The NUGET package includes the DLL file for the TagHelpers and defines the dependencies. Any scripts should be added to the project manually.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

November 10, 2016 at 9:52 pm ASP .NET Core MVC Tag Helpers and jQuery version for VS2015CE #88973

Admir Hodžić

Participant

Thanx for Hepl.
I did download scripts and it is works like charm
I cant wait to try writing forms using tag helpers.

For others to summarize post:
On official documentation http://www.jqwidgets.com/jquery-widgets-documentation/documentation/asp-net-core/mvc-tag-helpers.htm
Missing parts to start using Tag Helpers are

User need manually to add jqwidgets scripts and csss into solution.
User need manually to reference these scripts in views in order to tag helper can work properly.

November 11, 2016 at 7:18 am ASP .NET Core MVC Tag Helpers and jQuery version for VS2015CE #88978

admin

Keymaster

Thank you for the update. This indeed will be helpful for the others and we will add these to the ASP .NET Tag Helpers documentation, too.

Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.