or
2 answers
109 views
I've recently updated our application to use the Q1'12 Beta release, and this release introduced a chart display issue when loading data from a data source (JSON in our case). Previously, when loading JSON data, no chart would be drawn until the JSON data finished loading and the chart could be drawn with correct axes and labels. Also, the "loading" animated GIF placed in the chart container DIV was shown correctly until the chart was ready. In Q1'12, the chart grid is drawn before the JSON data has been fully downloaded. This results in a very unpretty display issue, because the chart's grid is first drawn with incorrect labels and incorrect axes, and only later being replaced with the correct chart. It would be great to have that old behavior again, to draw nothing until all data is available and the correct chart can be drawn.
1 answer
98 views
Hi There.
I´m testing with phonegap and kendo ui gendogrid. i have bild a grid with a button template. in a normal explorer the button work but if i compile it with phonegap the grid is displayed but the buttons an not clickable.
any suggestions ?
Here my sample :
I´m testing with phonegap and kendo ui gendogrid. i have bild a grid with a button template. in a normal explorer the button work but if i compile it with phonegap the grid is displayed but the buttons an not clickable.
any suggestions ?
Here my sample :
$("#grid").kendoGrid({ columns: [{ field: "Name", title: "Name", template: '<input type=\'button\' value=#=Name# onclick =\'Index.Data.downloadFile(\"#=id#\",\"#=Name#\")\'/>' }, { field: "ChangedDate", title: "geaendert", format: "{0:dd/MMMM/yyyy}"}], schema: { model: { id: "id", fields: { Name: { editable: false, type: "string" }, ChangedDate: { editable: false, type: "string"} } } } });
Petyo
Telerik team
answered
on
15 Mar 2012
6 answers
258 views
Hello,
I did manage to add the JSONP support to my OpenAccess Domain Service and now I'm able to use my service to feed a kendo UI grid.
Now I need to secure the OpenAccess Domain Service to prevent my data from behing fully accessible without a proper authentication.
So what is the simplest way to secure the OpenAccess Domain Service in a Kendo UI application context? (And is there any documentation on how to do it?)
Regrads,
Simon
I did manage to add the JSONP support to my OpenAccess Domain Service and now I'm able to use my service to feed a kendo UI grid.
Now I need to secure the OpenAccess Domain Service to prevent my data from behing fully accessible without a proper authentication.
So what is the simplest way to secure the OpenAccess Domain Service in a Kendo UI application context? (And is there any documentation on how to do it?)
Regrads,
Simon
Serge
Telerik team
answered
on
15 Mar 2012
0 answers
90 views
Are there any future plans for DataSource that incorporate or parse the following?
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:od="urn:schemas-microsoft-com:officedata">
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:od="urn:schemas-microsoft-com:officedata">
Richard
Top achievements
Rank 1
Rank 1
asked
on
15 Mar 2012
1 answer
144 views
Hi guys,
Perhaps you can fill in the blanks in this discussion?:
https://github.com/jsfiddle/jsfiddle-docs-alpha/issues/157
thanks!!
David.
Perhaps you can fill in the blanks in this discussion?:
https://github.com/jsfiddle/jsfiddle-docs-alpha/issues/157
thanks!!
David.
Atanas Korchev
Telerik team
answered
on
15 Mar 2012
0 answers
286 views
Hello Friends,
I need help to add increase and decrease button to slider for example check here http://demos.kendoui.com/beta/web/slider/index.html .
I need that increase and decrease arrow to my slider. i have written code for slider you can check below it works fine. But i have given step 100 for slider when user slide slider value does not get slide by 100. So i decided to use increase and decrease button to my slider same as like here http://demos.kendoui.com/beta/web/slider/index.html. Looking for someone help. Thanks in advance.
/// My slider code................
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
//slider example 1
$("#slider2").slider({
min: 0, //minimum value
max: 999999, //maximum value
value: 0, //default value
step: 100,
slide: function(event, ui) {
$("#value2").val(ui.value);
}
});
$("#value2").val($("#slider2").slider("value"));
});
</script>
</head>
<body>
<form action="" method="get">
<br/>
<input type="text" name="rahul"id="value2" maxlength="7"/>
<div id="slider2"></div>
</form>
</body>
</html>
Thank you,
Rahul
I need help to add increase and decrease button to slider for example check here http://demos.kendoui.com/beta/web/slider/index.html .
I need that increase and decrease arrow to my slider. i have written code for slider you can check below it works fine. But i have given step 100 for slider when user slide slider value does not get slide by 100. So i decided to use increase and decrease button to my slider same as like here http://demos.kendoui.com/beta/web/slider/index.html. Looking for someone help. Thanks in advance.
/// My slider code................
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
//slider example 1
$("#slider2").slider({
min: 0, //minimum value
max: 999999, //maximum value
value: 0, //default value
step: 100,
slide: function(event, ui) {
$("#value2").val(ui.value);
}
});
$("#value2").val($("#slider2").slider("value"));
});
</script>
</head>
<body>
<form action="" method="get">
<br/>
<input type="text" name="rahul"id="value2" maxlength="7"/>
<div id="slider2"></div>
</form>
</body>
</html>
Thank you,
Rahul
2 answers
132 views
Hello, guys.
I have a sortable selectable grid. The problem is that selection disappears after I perform sorting. Here's an example: http://jsfiddle.net/Sbb5Z/
Is it possible to preserve the selection while sorting?
I have a sortable selectable grid. The problem is that selection disappears after I perform sorting. Here's an example: http://jsfiddle.net/Sbb5Z/
Is it possible to preserve the selection while sorting?
2 answers
1.1K+ views
Hello,
i'm searching for the good method to select a row in my grid, based on an identifier (a product's reference).
My datasource is an xml file. In the sample, I used the books.xml from Kendo and the searching should be based on the 'reference' column.
All samples I've found used a filter, but I just need to select the first row which match, not filtering all data.
Is there a good method to do that ?
Thanks in advance
function selectByref (theReference)
{
var row =
}
var theGrid = $("#grid").kendoGrid({
dataSource: {
//data: movies,
transport: {
read: {
url: "http://demos.kendoui.com/content/web/datasource/books.xml",
dataType: "xml"
}
},
schema: {
// specify the the schema is XML
type: "xml",
// the XML element which represents a single data record
data: "/books/book",
// define the model - the object which will represent a single data record
model: {
// configure the fields of the object
fields: {
// the "title" field is mapped to the text of the "title" XML element
reference: "title/text()",
// the "author" field is mapped to the text of the "author" XML element
author: "author/text()",
// the "url" field is mapped to the text of the "url" XML element
link: "url/text()",
// the "cover" field is mapped to the "id" attribute of the "book" XML element
image: "@cover"
}
}
}
},
//change: onChange,
sortable: true,
filterable: false,
selectable: "multiple row",
scrollable: true,
columns: [
{
field: "reference",
title: "Référence"
},
{
field: "author",
title: "Auteur"
},
{
field: "link",
title: "Lien"
},
{
field: "image",
title: "Image"
}
]
});
i'm searching for the good method to select a row in my grid, based on an identifier (a product's reference).
My datasource is an xml file. In the sample, I used the books.xml from Kendo and the searching should be based on the 'reference' column.
All samples I've found used a filter, but I just need to select the first row which match, not filtering all data.
Is there a good method to do that ?
Thanks in advance
function selectByref (theReference)
{
var row =
$("#grid").data("kendoGrid").table.find('tr[reference="' + theReference+ '"]');
$("#grid").select (row);}
var theGrid = $("#grid").kendoGrid({
dataSource: {
//data: movies,
transport: {
read: {
url: "http://demos.kendoui.com/content/web/datasource/books.xml",
dataType: "xml"
}
},
schema: {
// specify the the schema is XML
type: "xml",
// the XML element which represents a single data record
data: "/books/book",
// define the model - the object which will represent a single data record
model: {
// configure the fields of the object
fields: {
// the "title" field is mapped to the text of the "title" XML element
reference: "title/text()",
// the "author" field is mapped to the text of the "author" XML element
author: "author/text()",
// the "url" field is mapped to the text of the "url" XML element
link: "url/text()",
// the "cover" field is mapped to the "id" attribute of the "book" XML element
image: "@cover"
}
}
}
},
//change: onChange,
sortable: true,
filterable: false,
selectable: "multiple row",
scrollable: true,
columns: [
{
field: "reference",
title: "Référence"
},
{
field: "author",
title: "Auteur"
},
{
field: "link",
title: "Lien"
},
{
field: "image",
title: "Image"
}
]
});
2 answers
774 views
HI Folks,
I am new to kendo ui and i am using the file upload plugin in my asp.net mvc application.Everything works like a dream.But i have one additional requirement. When i am uploading the file i am assigning a unique image guid to the image file and uploading and then returning to the callback function.Here is my code.
<script type="text/javascript">
$(document).ready(function () {
$("#attachments").kendoUpload({
async: {
saveUrl: '@Url.Action("UploadBlogImages", "Blog")',
removeUrl: '@Url.Action("Remove", "Blog")',
autoUpload: true
},
success: function (data) {
var imageGuids = data.response;
$.each(imageGuids, function (index, imageGuid) {
$('#form_uploadPic').append('<input type="hidden" value=' + imageGuid + 'name="ImgGuid">');
});
}
});
});
</script>
I need to delete the file when the user clicks the remove button but my problem is,
by default the remove button passes the name of the file(that was used at the time of upload)as the file name to delete.But I am
renaming the file before uploading to server.I am assigning a unique guid to file.I have returned that guid to the success function.How do i configure so that the remove button passes that guid to server for deleting the file.
Thanks,
S
I am new to kendo ui and i am using the file upload plugin in my asp.net mvc application.Everything works like a dream.But i have one additional requirement. When i am uploading the file i am assigning a unique image guid to the image file and uploading and then returning to the callback function.Here is my code.
<script type="text/javascript">
$(document).ready(function () {
$("#attachments").kendoUpload({
async: {
saveUrl: '@Url.Action("UploadBlogImages", "Blog")',
removeUrl: '@Url.Action("Remove", "Blog")',
autoUpload: true
},
success: function (data) {
var imageGuids = data.response;
$.each(imageGuids, function (index, imageGuid) {
$('#form_uploadPic').append('<input type="hidden" value=' + imageGuid + 'name="ImgGuid">');
});
}
});
});
</script>
I need to delete the file when the user clicks the remove button but my problem is,
by default the remove button passes the name of the file(that was used at the time of upload)as the file name to delete.But I am
renaming the file before uploading to server.I am assigning a unique guid to file.I have returned that guid to the success function.How do i configure so that the remove button passes that guid to server for deleting the file.
Thanks,
S
T. Tsonev
Telerik team
answered
on
15 Mar 2012
2 answers
143 views
Hello All,
I have a grid with a "change" event. In the "detailInit" event of that grid, I add a details grid, which also has a "change" event. Both grids have "selectable" property set to true. However, ONLY the parent grid's "change" event fires, no matter if I select a row on the parent grid or on the details grid. Detail grid's "change" event never fires.
Could someone please tell me what I can do to fix this?
Thank you very much.
I have a grid with a "change" event. In the "detailInit" event of that grid, I add a details grid, which also has a "change" event. Both grids have "selectable" property set to true. However, ONLY the parent grid's "change" event fires, no matter if I select a row on the parent grid or on the details grid. Detail grid's "change" event never fires.
Could someone please tell me what I can do to fix this?
Thank you very much.
Nikolay Rusev
Telerik team
answered
on
15 Mar 2012
