There is a requirement in which some of the module is developed in Kendo with jQuery and others are developed in Kendo with Angular 4, in the same project.
How can we fix this multiple kendo version environment in the single project.
Here is an example of integrating Kendo UI for jQuery in an Angular project:
Docs + Example
url : URL to Load the library file(different version file), on which our module is dependent, and in side function block, write all codes.
$.getScript("url ", function (a) {
........
});
This help me to resolve the issue, and all modules are working fine.
Related
I'm trying out ReactJS.NET in a .NET Core MVC project where I've got an ASP.NET View (cshtml) with a React component in it, which I initialize with:
<script src="#Url.Content("~/Scripts/myComponent.jsx")"></script>
Now I want to pass data from the ASP.NET View to the React component. For example, calling a React function when I click a button on the ASP.NET View. Is this possible? I know it's a basic question but I couldn't find any help since in all examples the data is only passed between React components and not from outside (ASP.NET View).
I couldn't find a way to do what I described in this question. So I ended up coding the whole page in ReactJS, which took some time to get into but it worked out well and I didn't have to mix technologies.
Declare a JS variable in a script and assign a property value from the Model:
<script type="text/javascript">let modelProperty= '#Model.ModelProperty';</script>
<script src="#Url.Content("~/Scripts/myComponent.jsx")"></script>
Then use that modelProperty in your ReactJS script:
ReactDOM.render(<MyComponent prop0={modelProperty} />, document.getElementById("yourTargetElementId"))
Maybe there are more neat solutions...
my project requirement is that we only use ui-grid. I understand that ui grid is a just a new version(ng-grid is older and ui-grid is newer).
But for pagination , i have written directive that uses ng-class and ng-click.. are this part of ui-grid or ng-grid..with these directives am I still using ui-grid?
Yes you are. ng-class and ng-click are just standard Angular event handlers, not specific to ng-grid.
i have created a default MVC 5 project. i used Entity Framework 6. I created a simple person class with Id and Name as a model. Then i generated CRUD operation for it using MVC 5 template after running the code first migration. i implemented a delete functionality everything is working fine.
but when i copied the same code other MVC project. but this project contains some additional css and js. whenever i click on delete or any other operation page is posting back. i want to know why it is happening and why default project has every thing enabled with Ajax.
what i am missing in this project
To enable ajax helpers:
Install-Package microsoft.jQuery.Unobtrusive.Ajax
i have recently heard about the kendo ui ..and explore it deeply so that how it is beneficial for me ...what i come know is that they provide some package like
kendo ui for web
kendo ui for mobile
kendo ui dataviz
server side wrapper(for jsp, php, asp)
what's confusing me is that ..i have downloaded the kendo ui web package form the site and now it did'nt whether it will support my code written in jsp or i'll have to rewrite it in html...
please can anyone explain me can i use kendo ui web for developing site in jsp....!!
thanks in advance..
Kendo is a javascript framework. But it has server side wrappers for different server side languages. Here is the one for JSP:
http://www.kendoui.com/server-wrappers/jsp.aspx
I am trying to use the Telerik datetimepicker in my own module of Orchard CMS.
everything seems working well except javascript. the datetimepicker control is unable to show the drop-down calendar.
I tried to use
Script.Include("~/Themes/Contoso/Scripts/2011.2.712/telerik.common.min.js").AtFoot();
Script.Include("~/Themes/Contoso/Scripts/2011.2.712/telerik.datetimepicker.min.js").AtFoot();
or created an ResourceManifest.cs in my module and called followings.
Script.Require("telerik_datepicker").AtFoot();
Script.Require("telerik_calendar").AtFoot();
I can see no run time errors against scripts i am refereing. but no document.ready() stuff in the html source for the page.
I dont know where got wrong. hope someone can crack the problems . thank you in advance.
All Telerik UI components for ASP.NET MVC require a ScriptRegistrar in order to work properly. The latter outputs the required JavaScript files as well as the JavaScript initialization code. You are probably missing a ScriptRegistrar hence the DatePicker does not work. Here is the minimum required code:
#(Html.Telerik().DatePicker()
.Name("DatePicker")
)
#(Html.Telerik().ScriptRegistrar())
Don't those Telerik helpers rely on some kind of HttpModule that you'd need to register in the global config?