Questions on Kendo UI for jQuery Forum

3 answers

344 views

Problems Binding AutoComplete to 'onfocus' Event

Hi,

The following code to do something when AutoComplete receives focus is not triggering the function specified when AutoComplete receives focus:

function window_onload() {

//pageLoad();

document.getElementById("imgAjax").style.display = "none";

window.focus();

$(document).ready(function() {

$("#go_autoCompleteInput").kendoAutoComplete({

separator: " ",

minLength: 3,

dataTextField: "value",

.... othere code

});

go_autoCompleteInput = $("#autoCompleteInput").data("kendoAutoComplete")

};

function _autoCompleteInput_onfocus() {

alert("'autoCompleteInput' 'onfocus' event just started executing.");

go_CheckBoxContentAreaEnabled.checked = false;

}

Can you tell me what I am doing wrong?

many Thanks,

Donald

AutoComplete

answered on 06 Jan 2012

2 answers

167 views

Modal window animation

Hello,

I am currently experiencing a problem with the animation of a modal window.

<div id="remove-window" class="window">

<p>Wilt u het geselecteerde item verwijderen?</p>

<button onclick="bsv.edf.web.client.grid.remove_confirm('/Service/PersonService.svc/json/Delete',bsv.edf.web.client.grid.removed)" class="k-button">Ja</button>

<button onclick="bsv.edf.web.client.grid.remove_cancel()" class="k-button">Nee</button>

</div>

This is the window

// user wants to remove a select item

pub.remove = function () {

var Object = bsv.edf.web.client.grid.getSelectedItem();

if (Object != null) {

$("#remove-window").kendoWindow({ resizable: false, title: "Item verwijderen", modal: true, actions: ["Close"] });

var window = $("#remove-window").data("kendoWindow");

window.center();

window.open();

}

};

// user wants to cancel the remove

pub.remove_cancel = function () {

var window = $("#remove-window").data("kendoWindow");

window.close();

};

the pub.remove is called when i want to delete an item
and the pub.remove_cancel is called when we cancel the remove
the remove_cancel is actualy behaving correctly the problem lies with the Close button in the top-right corner
When i press the Close button the window closes correctly with the correct animation but when i then open the window again with the pub.remove function the start gray-out animation doesn't display.

Window

answered on 06 Jan 2012

3 answers

147 views

datepicker from an ipad

When accessing the datepicker from an ipad, the ipad’s keyboard opens and it is difficult to use the calendar. I am unable to move to the next month. Is there a work-around for this?

DatePicker

answered on 06 Jan 2012

1 answer

85 views

Filtering based on a different widget's selected value

How do I do this? Don't see any examples or docs that would help with this. Let's say I had a tabstrip and got the selected tab value, and I want to filter a grid based on that text value -- how do I do that? The real question is how do I pass a value to the grid to filter on?

Grid

answered on 06 Jan 2012

2 answers

143 views

Wrong validation message "Amount should be smaller than 10" in Validator Basic usage example

Hi,

In the Validator Basic usage, the "Amount" field is valid for min=1 and max=10.
When entering a number higher than 10, the validation message is "Amount should be smaller than 10".
I expected to have "Amount should be smaller than or equal to 10".

Validation

answered on 06 Jan 2012

1 answer

91 views

Update note of edited but unsaved grid data

Giving a client such a quick and universal data access is a great feature of Kendo UI.

I fear, however, to let the client play too long with my data as this could corrupt my database if being fed back by different clients - can't lock the database for such long times.

Is there any chance to send back a note to the server (and maybe a push to all connected clients), that there are currently edited but unsaved data by a given client?

The next save action could probably remove that note. Nice to see that also Wordpress just implemented that feature last week...

Grid

answered on 06 Jan 2012

2 answers

232 views

Can't bind the JSON Webserice data to a HTML Table

I am trying to bind JSON data returned from a ASP.Net web service to table, but could not do so.
Here is the code. where i am going wrong ?

var template = kendo.template($("#template").html());
var dataSource = new kendo.data.DataSource({
transport: {
read: {
type: "POST",
url: "http://localhost:52300/WebService1.asmx/Movie",
contentType: 'application/json; charset=utf-8',
dataType: "json"
}
}
});

dataSource.bind("change", function () {
$("#movies tbody").html(kendo.render(template, dataSource.view()));
});

dataSource.read();

Where as template is ,

<script id="template" type="text/x-kendo-template">
<tr>
<td>#= Rank #</td>
<td>#= Rating #</td>
<td>#= Year #</td>
<td>#= Title #</td>
</tr>
</script>

and web service us showing following data ,

<string xmlns="http://tempuri.org/">[{"Rank":5,"Rating":9,"Year":1995,"Title":"Titanic"},{"Rank":2,"Rating":5,"Year":1964,"Title":"Scent "}]</string>

any help please ?

Data Source

answered on 06 Jan 2012

6 answers

215 views

Not show expand/collapse icon in sharepoint webpart

Hi,

I am creating a sharepoint webpart using kendo treeview, but the expand/collapse icons are not showed although the link to file sprite.png is correct.

You can see it in the attached file.

What is the problem? Have anyone successfully used kendo treeview in sharepoint?

Thanks.
Thai

TreeView

answered on 05 Jan 2012

0 answers

83 views

Overlapping datapoint in Linechart

Hi guys,

I'm running into an issue when i have multiple lines with overlapping datapoints in a linechart.
When i try to click on one of the datapoint of a specific line it is hidden beneath the last line.

I've added a screenshot with an example.

My question is:

Is it possible to highlight the line I select in the legenda so that it comes to the front and if its possible even dim the color of the rest of the lines so it really pop out of the picture.

Regards Sander

Charts

asked on 05 Jan 2012

2 answers

99 views

Trying to develop an unobtrusive layer on Kendo

Hi,

I have been playing around with Kendo to see whether we can use it in one of our projects. One of the things I am trying to achieve is to develop and unobtrusive interface on top of Kendo. The way I am going about this is as follows:

1. I mark the controls which I want to apply the Kendo UI to with a specific attributes, e.g. a textbox which should become a date picket I will mark with add a "data-ui-datepicker" attribute to.
2. I will then run javascripy once the page has loaded to call the appropriate Kendo methods for them, e.g. I will get all textboxes with the "data-ui-datepicker" attribute and call the kendoDataPicker() method on them.

This works fine but I also have sections of the page which is dynamically loaded. Once it is loaded I will again call the method to apply to Kendo UI to the controls. The problem is that the controls which already has the Kendo UI applied to then gets screwed up because it basically tries to apply the Kendo UI to the control a second time.

My question is whether you guys have any idea as to how I can work around this? Is there any way to determine whether a control already has the Kendo UI applied so that I then don't call the kendo...() method a second time?

Also, do you have any plans to supply some sort of unobtrusive framework on top of Kendo?

Hope this makes sense.

Thanks!

General Discussions

answered on 05 Jan 2012