Questions on Kendo UI for jQuery Forum

1 answer

506 views

Hi,

If a grid has no records I do not want to display the grid at all (including the headers) but would like to display a text message instead. Is this possible using Kendo?

Thanks

Grid

answered on 17 Jul 2012

1 answer

135 views

Grid List?

I am creating an application that needs to have multiple "image buttons" that fills the screen and looks like the Andriod Grid List. When the user clicks the image, it goes to another page. What is the best approach to creating this functionality using Kendo controls?

Thanks!

General Discussions

answered on 17 Jul 2012

4 answers

190 views

[Solved] New Grid Features in 2.710?

I upgraded to 710, and I see some changes to the page turners, but I have not figured out how the USER is able to do these new features:

Implement "Refresh" button in the pager
Allow the user to change the page size of the grid
Ability to change the current page by typing it in a textbox

I also an very intrigued by this feature, can you explain what it is (I am already adding double click to the rows by:

Ability to attach click handler to custom commands

$('#gridWidget tbody > tr[data-uid]').dblclick(DisplayItemDetails);

Finally, I was given this code by Telerik for collapsing all the groups and expanding them. It stopped working in 2.710, I can fix it, but is there a way that will be a safe fix for future versions?

function collapseAll() {

$("#gridWidget").find(".k-icon.k-collapse").trigger("click");

}

function expandAll() {

$("#gridWidget").find(".k-icon.k-expand").trigger("click");

}

Grid

answered on 17 Jul 2012

1 answer

288 views

remote xml datasource (prestashop webservice)

Hi, i'm new to this forums, and i'm testing your fantastic jquery library.
i've looking for a solution in the forums, but no one found.
I'm using prestashop webservices and i have this code:(modified from one sample)

<!DOCTYPE html>

<html>

<head>

<title>Binding to remote data</title>

<link href="../../content/shared/styles/examples-offline.css" rel="stylesheet">

<link href="../../../styles/kendo.common.min.css" rel="stylesheet">

<link href="../../../styles/kendo.default.min.css" rel="stylesheet">

<script src="../../../js/jquery.min.js"></script>

<script src="../../../js/kendo.web.min.js"></script>

<script src="../../content/shared/js/console.js"></script>

</head>

<body>

<a class="offline-button" href="../index.html">Back</a>

<div id="example" class="k-content">

<div id="grid"></div>

<script type="text/javascript">

$(document).ready(function() {

$("#grid").kendoGrid({

dataSource: new kendo.data.DataSource({

transport: {

// specify the XML file to read. The same as read: { url: "books.xml" }

read: "http://mykey@localhost/orion/api/customers/1"

},

schema: {

// specify the the schema is XML

type: "xml",

// the XML element which represents a single data record

data: "/prestashop/customer",

// 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

elid: "id/text()",

// the "author" field is mapped to the text of the "author" XML element

nombre: "firstname/text()",

// the "url" field is mapped to the text of the "url" XML element

apellidos: "lastname/text()",

}

}),

scrollable: false,

sortable: true

});

</script>

</div>

</body>

</html>

and does not work, the screen is blank, but if i change:

read: "http://mykey@localhost/orion/api/customers/1"

with:

read: "1.xml"

that contains de content of "http://mykey@localhost/orion/api/customers/1", that's:

<prestashop>

<customer>

<id>1</id>

<id_default_group xlink:href="http://localhost/orion/api/groups/1">1</id_default_group>

<newsletter_date_add/>

<ip_registration_newsletter/>

<last_passwd_gen readonly="true">2012-06-09 09:05:45</last_passwd_gen>

<secure_key readonly="true">47ce86627c1f3c792a80773c5d2deaf8</secure_key>

<deleted>0</deleted>

<passwd>6f9c2e625d0cc6fe573231821c23859b</passwd>

<lastname>DOE</lastname>

<firstname>John</firstname>

<email>pub@prestashop.com</email>

<note/>

<id_gender>1</id_gender>

<birthday>1970-01-15</birthday>

<newsletter>1</newsletter>

<optin>1</optin>

<active>1</active>

<is_guest>0</is_guest>

<date_add readonly="true">2012-06-09 02:05:45</date_add>

<date_upd readonly="true">2012-06-09 02:05:45</date_upd>

<associations>

<groups node_type="group">

<group xlink:href="http://localhost/orion/api/groups/1">

<id>1</id>

</group>

</groups>

</associations>

</customer>

</prestashop>

it shows one row in the grid.

What can be wrong?. the server is on and the requested page is served in form of xml, but i don't know how to make it work. help me.

Thanks

Data Source

answered on 17 Jul 2012

3 answers

434 views

Full globalization, for all parts of UI?

I am using the "culture" resources for internationalization, but strings are not translated - only money, numbers, dates formats... but for example, grid filters dialogs stay in english. Is there a solution or work in progress on this?

Globalization

answered on 17 Jul 2012

1 answer

276 views

HTML5 Canvas or SVG

On the DataViz homepage (http://www.kendoui.com/dataviz.aspx) you state the visualizations are powered by HTML5, but then in the Line Charts samples area, it says "The Chart widget uses modern browser technologies to render high-quality data visualizations. All graphics are rendered on the client using SVG with a fallback to VML for legacy browsers."

So which is it? HTML5 using the Canvas, or SVG?

General Discussions

answered on 17 Jul 2012

1 answer

189 views

Error 500 on docs.kendoui.com

At the moment, I get error 500 from

http://docs.kendoui.com/Errors/Error.aspx?aspxerrorpath=/documentation/getting-started/using-kendo-with/aspnet-mvc/introduction

and the Getting Started link on the home page of the Kendo UI docs site also gives the following error

http://docs.kendoui.com/Errors/Error.aspx?aspxerrorpath=/documentation/getting-started/changes-and-backward-compatibility

General Discussions

answered on 17 Jul 2012

2 answers

234 views

Grid sort removes canvas elements created by jQuery Sparklines plug in

I have created a grid and after it is created I'm trying to loop over elements and generate a sparkline using the jQuery Sparklines open source plug-in. This works just fine but as soon as I sort the grid the sparklines disappear. The sparklines are canvas elements and they vanish from the DOM as soon as the grid is sorted. Here is my code...

function getLimitedKPIListCallback(result) {
$("#grid").kendoGrid({
dataSource: {
data: result.d,
schema: {
model: {
fields: {
ClientID: { type: "string" },
ClientName: { type: "string" },
RegionDisplay: { type: "string" },
ClientIndexRating: { type: "number" },
ChrgKPI: { type: "number" },
PymtKPI: { type: "number" },
RevKPI: { type: "number" }
}
}
}
},
navigatable: true,
scrollable: true,
sortable: {
mode: "multiple"
},
groupable: true,
resizable: true,
filterable: true,
reorderable: true,
selectable: "row",
columns: [
{
field: "ClientID",
title: "Client ID",
width: 100
},
{
field: "ClientName",
title: "Client Name",
width: 300
},
{
field: "RegionDisplay",
title: "Region",
width: 90
},
{
field: "ClientIndexRating",
title: "Rating",
width: 100
},
{
field: "ChrgKPI",
title: "Charges vs. KPI",
width: 100,
format: "{0:n2}"
},
{
title: "Charge History<br/>Last 30 Days",
sortable: false,
filterable: false,
groupable: false,
template: "<div id='chargeSum-${DataSourceID}-${ClientID}'></div>"
},
{
field: "PymtKPI",
title: "Payment vs. KPI",
width: 100,
format: "{0:n2}"
},
{
field: "RevKPI",
title: "Revenue vs. KPI",
width: 100,
format: "{0:n2}"
}
]
});

var kpiList = result.d;
$.each(kpiList, function (ii) {
getChargeTotalsByCreationDate(kpiList[ii].DataSourceID, kpiList[ii].ClientID);
});

}

function getChargeTotalsByCreationDate(dataSourceID, clientID) {
$.ajax({
type: "POST",
contentType: "application/json",
url: "Services/ChargeActive.asmx/GetChargeTotalsByCreationDate",
dataType: "json",
data: "{ 'dataSourceID' : '" + dataSourceID + "', 'clientID' : '" + clientID + "', 'lastXDays' : " + 30 + " }",
success: function (msg) {
getChargeTotalsByCreationDateCallback(msg, dataSourceID, clientID);
},
error: errorHandler
});
}

function getChargeTotalsByCreationDateCallback(result, dataSourceID, clientID) {
var ca = result.d;
if (ca.length > 0) {
var sparkVals = [];
$.each(ca, function(ii){
sparkVals.push(ca[ii].BaseFee);
});
$("#chargeSum-" + dataSourceID + "-" + clientID).sparkline(sparkVals);
}
}

Grid

answered on 17 Jul 2012

3 answers

87 views

Where Did My Topic Go?

Hi,

I got an email from Kendo because there was a new reply posted to my topic - http://www.kendoui.com/forums/dataviz/beta/documentation-for-q2-beta.aspx, but I can't find it anymore. It was in the 'Beta' forum, but it seems to be moved completely. Can you put it back?

Best regards,
Jacob Ras.

General Discussions

answered on 17 Jul 2012

3 answers

152 views

Menu Direction parameter not working

Hello,

I am using the menu control in version v2011.3.1129. When using this I cannot seem to get the direction parameter of the menu to work at all. No matter what I set it to it does not seem to obey that parameter. I have attached a file demonstrating this behavior.

Menu

answered on 17 Jul 2012