or
6 answers
203 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
64 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
126 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
241 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
119 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.0K+ 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
716 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
111 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
2 answers
93 views
Hi Kendo Team,
When I set navigatable to true, the numeric and date editors in cell don't work properly. For example, calendar doesn't open when I click its icon.
This happens with FireFox and Chrome/Safari.
IE8, IE9 and Opera work fine.
Kind Regards,
Oscar
When I set navigatable to true, the numeric and date editors in cell don't work properly. For example, calendar doesn't open when I click its icon.
This happens with FireFox and Chrome/Safari.
IE8, IE9 and Opera work fine.
Kind Regards,
Oscar
Nikolay Rusev
Telerik team
answered
on
15 Mar 2012
2 answers
183 views
In this thread http://www.kendoui.com/forums/ui/dropdownlist/unable-to-scroll-on-ipad.aspx#1997491 I read that I should add kendo.mobile.core.js and kendo.mobile.scroller.js to enable scrolling in a dropdownlist in tablet devices.
What other scroll functionality is added to your app when you include these files?
Can't find documentation on this.
For example I want in my grid or listview better touch scrolling.
Currently you can scroll (at least in the grid, listview not yet tested), but it follows exactly your finger, so when you lift your finger scrolling stops immediatly. Would be a better experience when it keeps scrolling, depending on the speed of your touchmove and then slowing down in speed with a certain negative accelaration.
Regards, Jaap
What other scroll functionality is added to your app when you include these files?
Can't find documentation on this.
For example I want in my grid or listview better touch scrolling.
Currently you can scroll (at least in the grid, listview not yet tested), but it follows exactly your finger, so when you lift your finger scrolling stops immediatly. Would be a better experience when it keeps scrolling, depending on the speed of your touchmove and then slowing down in speed with a certain negative accelaration.
Regards, Jaap
Jaap
Top achievements
Rank 2
Rank 2
answered
on
15 Mar 2012
