Questions on Kendo UI for jQuery Forum

4 answers

434 views

Hello,
I'm using the MVC method for my AutoComplete. I'm able to connect to the data source and bring back a list, however, I would like to send what the user is typing to the action in order to filter on the server instead of bringing back all 4000 results and filtering on the client. I cannot seem to figure out either how to add it to the request, or to pick it up in the controller. My helper looks like this:

@(Html.Kendo().AutoCompleteFor(x => x.Distribution)

.DataTextField("label")

.DataSource(source => {

source.Read(read => {

read.Url("/EmployeeSearch");

});

source.ServerFiltering(true);

})

.Filter("contains")

.Suggest(true)

.MinLength(3)

.Separator("; ")

)

I can see from the post that filter[filters][0][value]textbeingtyped
is sent in the request, but I can't figure out how to pick that up in the Controller.

Thanks for any help you can provide.

AutoComplete

answered on 19 Nov 2012

2 answers

380 views

Error handling in official release

According to the documentation, the error handling arguments are the same as for $.ajax(). But this appears not to be the case, as the 2nd and 3rd parameters are always null. What arguments can we expect?

Data Source

answered on 19 Nov 2012

2 answers

152 views

CategoryAxis Plotbands change in Q3 release

Hi,

I recently updated to Q3 version and noticed a change in the CategoryAxis Plotbands. I can no longer set the From/To setting of Plotband to decimal number. For example, say the chart has 20 categories. Earlier I could do something like:

categoryAxis: {
	...
	plotBands: {
		from: 10.5,
		to: 11.5,
		color: "#443300"
	}

}
but now in Q3 seems like I can only use integers.

Has this changed in Q3 or some additional chart configuration I need to set to be able to use decimal numbers as before?

Thanks,
Amrinder

Charts

answered on 19 Nov 2012

4 answers

74 views

event handle function works terrible on mobile

In my practice, I use lastest version(v2012.3.1114),

In ListView widget, I use "loadMore=true", so the loadMore button show in the bottom of the list.
It was implemented with below code in Kendo Mobile
###################################
if (loadMore) {
                    that._loadButton = $('<button class="km-load km-button">' + options.loadMoreText + '</button>')
                                        .click(function() {
                                           that.loading = true;
                                           that._toggleButton(false);
                                           that.dataSource.next();
                                        });

                    loadWrapper.append(that._loadButton);
                }

#############################

It work fine on PC , but it works bad when i test on Android mobile( I force my app show in "ios" platform style).
It gives reaction only if click on it continuously.

I test on other conditions like :
########################################
<a class="tabButton" >Test link</a>
.............
$("a.tabButton").on("doclick", funtionName);
########################################
It turns out the same as "loadMore" button.

WHo can help me on this issue?

General Discussions

answered on 19 Nov 2012

6 answers

1.3K+ views

Update TreeView node when underlying data item changes

Good morning,

I have a situation where I would need to update the displayed name of a treeview node after it has been updated to the database in an edit window. I would obviously like to do this without having to do a full refresh of the data. Haven't been able to find a way to do this though. What I have tried so far:

var treeView = $('#koulutuspuu').data('kendoTreeView');
// Get the data item.
var getitem = treeView.dataSource.get('Tehtävä' + $('#tehtavaID').val());
// Change the name
getitem.nimi = $("#otsikko").val();

// The above works in that the data item "nimi" (the display field) is changed, but this change is not reflected in the treeview.

/* Adding the following code will change the entire text of the tree node, throwing away the icon and also the "treeview-template" formatting */
var treeItem = treeView.findByUid(getitem.uid);
treeItem.text($("#otsikko").val());

So what I would need is a refresh function on the tree (or even better on the node itself) that will cause it to redraw according to the treeview-template, and retaining the icon also. Is this possible?

Regards,
Miika

TreeView

answered on 19 Nov 2012

5 answers

326 views

Editor - Custom Forecolors and Backcolors

How do you customize the fore and back colors and what is the defaults? I thought I saw this on your site once but I cannot no longer find this page.

Editor

answered on 19 Nov 2012

0 answers

93 views

Pre-loading child nodes

I'm using the bind to remote data functionality of the tree view control as found in this demo: http://demos.kendoui.com/web/treeview/remote-data.html and I was wondering if it's possible to pre-load child nodes.

When I expand a node that has children in the demo; a progress spinner is shown and an AJAX request is made and brings back the child nodes. I would like to load the next set of child nodes in the background before the node is expanded so that the user does not see the spinner and the tree view seems more responsive, this means that when a node is expanded the next 2 levels are brought back instead of just the next immediate level.

Is this possible?

Thanks,
Jimmy

TreeView

asked on 19 Nov 2012

1 answer

123 views

Step line chart - how I can do it?

Hi! We use Kendo UI framework for our application, but I can't use DataWiz for showing data. I need to show data as "step line" chart. You can view example in attach file (highstock charts used) or in action at jsfiddle
Do you have plans to implement this chart type?

Charts

answered on 19 Nov 2012

0 answers

33 views

page get's delete after deletion of record

Hi,

I used the following code for deleting record or row in the grid :-
$("#grid").on("click", ".k-grid-delete", function(e){


                              var listTitle = "GraniteTestList";
                           context = SP.ClientContext.get_current();
                           if(id!==null || id !== "")
                           {
                           var list= context.get_web().get_lists().getByTitle(listTitle);
                           var listItem = list.getItemById(id);

                               listItem.deleteObject();

                            context.executeQueryAsync();
                            }



                           //alert(id);
                       });

It works finely, but after deletion of grid row the sharepoint page also get deleted.
I have been bothered why this is really happening?
Please provide the appropriate guidance.
Thanks in advance.

Grid

asked on 19 Nov 2012

1 answer

76 views

Calendar defect leaving "focused" remnants on 'aria-selected' cells

There appears to be a bug in the recent Kendo UI Web 2012.3.1114 release in regards to the Calendar control. When navigating the calendar using the arrows to go from month to month the calendar is highlighting a day in each month. When inspecting the highlighted cell, the attribute 'aria-selected' is on the TD element that is being highlighted. It appears to have the styles defined by the "k-state-focused" css rule.

Steps to recreate.
1) Go to http://demos.kendoui.com/web/calendar/index.html (today's date is 11/16/2012)
2) Click the left arrow to go to October
3) Notice that October 16 is highlighted gray
4) Click left again to go to September
5) Notice Sept 16 is also highlighted gray

Environment:
- Windows 7
- Firefox 16, IE 9, and Chrome

Calendar

answered on 19 Nov 2012