Questions on Kendo UI for jQuery Forum

0 answers

103 views

Is it possible to add a popup form for both create and update on grid?

Instead of having an in-line text box like feature when adding or editing on grid, Is it possible to create a popup like form when the buttons are clicked on the tool bar of the grid? Can someone direct me when i can find an example if it has been done before or possibly show me how its done?

Thanks Allot,

Grid

asked on 06 Jan 2012

1 answer

268 views

Validator with input arrays

Hi,

We are using the kendo validator and running into issues using input boxes in an array (name="something[]")
Using firebug to add the square brackets to the name on your own demos throws exactly the same error.

Strangely enough in one situation the array and validator do work together but in most they don't.
In the one situation that does work, I find it breaks with the same error if any field doesn't validate.
Where it always fails it does validate correctly if the array is removed.

I am a commercial customer so please let me know if a hotfix for this is released.

2. Uncaught Syntax error, unrecognized expression: [data-for=drop[]]
  1. Sizzle.errorjquery.js:4241
  2. Sizzle.filterjquery.js:4227
  3. Sizzlejquery.js:4017
  4. Sizzlejquery.js:5145
  5. jQuery.fn.extend.findjquery.js:5401
  6. d.extend._validateInputkendo.all.min.js:11
  7. d.extend.validatekendo.all.min.js:11
  8. submitQuote
  9. (anonymous function)/admin/?page=job_push&my_push=1#!view-quote-reply.php%26qid=0:532
  10. onclick/admin/?page=job_push&my_push=1#!view-quote-reply.php%26qid=0:533

Validation

answered on 06 Jan 2012

3 answers

365 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

180 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

159 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

99 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

173 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

117 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

255 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

239 views

[Solved] 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