I'm trying the Kendo Ui framework. I'm working on a treeview.
I need to know if there is an event that is raised when it is finished loading the complete treeview. I'm using a call json.
Loading it or rendering it? It is similar but not the same, first you need to load the data and only then it starts rendering the loaded items.
For loading you might use dataBound in the TreeView
Related
Ok so lemme explain first for those who are not familiar
Rule number for using Telerik's Kendo UI is to reference the following in this order Jquery.min.js>Angular.min.js>Kendo.all.min.js
Here is the pseudo-code of my web application
in my parent.html:
-reference for jquery
-reference for angular
-reference for kendo
-ui-view container
this is my ui-view(child.html)
-initialize kendo grid
What happened is that the kendo widget was not rendered
Then I looked at the console of the browser and there was something like
"Jquery should be initialized first before angular when using Kendo-UI widgets"
I tried removing the ui-view and and just yolo-pasted the contents of the child.html and the grid widget successfully rendered
But when I use angular-ui-routing, the error appears again saying I should reference jquery first before referencing angular when using kendo widgets
You can only load jQuery once. I had a similar problem where I was calling it once from a shared view and once inside the main view. You have child views? My solution was to push the loading of the Javascript from the shared view to the main view, and also called them inside of the kendo tabStrips, because apparently those were sandboxed enough not to affect the main view. The second loading of jQuery is what's crushing the kendo rendering; figuring out the workaround depends on the relationships between the views.
I've been using kendo for quite some time but there is a issue that I'm facing using kendo filter in kendo list view. I am developing a SPA using kendo UI. In one of the views I've implemented kendo filter using http://demos.telerik.com/kendo-ui/mobile-listview/filtering link. The filter works fine on writing any input but when I re navigate to that view again it displays two filters. What can be the issue. Thanks
To solve this, make sure you render the kendo mobile listView only once. If not, kendoMobileListView() will add another input each time you'll use
$("#list").kendoMobileListView() .
If you have to render the listView on pageShow event, make sure you remove additionnal filter inputs with:
$("#your-view form:not(:first)").remove();
Hope it helps
I have created an MVC application that uses webgrids to display data on my views. In my grid's toolbar I have drop downs, text boxes and a search button that call Jquery to perform various actions. For example, if I click the search button, I refresh the grid via Ajax based on a text entry. This all works well until interaction with the webgrid (page or sort) occurs. We noticed that if any ajax calls are made, then the sorting and paging do not work anymore. Also, if I load the page and page or sort first, then none of my JavaScript works. I have been researching this issue, but have not seen any concrete solutions. Does anyone have recommendations for a solution?
I would wager to guess that you are attaching your jquery handlers in the document.ready function using something like $("#Sort").click(function(){});. When you reload the grid via an AJAX call, the jquery handlers are not reattached since the DOM was not reloaded. Try using something like this $("#Sort").live('click', function(){}); which will attach the handler to any instance of your identifier once it is present on the page.
This is was a complete guess since you posted no code, but this and the post you referenced above (SO post) seems to have fixed your issue.
I have a telerik MVC barchart that uses serverside binding during startup for performance purpose. Afer the page is loaded. I want to change the databinding to AJAX, so the chart can update itself responding to other events. Can the databinding mode be updated using javascript
You could pass the values you want to initially load to the Chart constructor and also define an ajax binding and select method. After that once the page is loaded you can refresh the Chart with the following code
<code>
$('#chartID').data().tChart.rebind()
</code>
I want to implement a treeview in my project using vb.net and ajax.
im using a gridview to fetch and show the data. and i want to implement the treeview inside the grid.
its like the name of a person is shown in the gridview and when i click the plus sign or anything next to it it expands with its details. im using sql for retriving the datas.
can anyone provide me any examples? or suggest any sites where i can download any sample code for this?
thanks in advance.
A tree view is normally "folder view" which can be found here
But my suggestion is you use accordion. You can find accordion example here..
Jquery Accordion
Sandbox Accordion
I shall recommend Jquery. You can customize it and write code to load the content on expanding the item, event to write your code is , change event of the Jquery Accordion.