Questions on Kendo UI for jQuery Forum

0 answers

166 views

Hi

I have a Kendo chart that I'm using plot bands on (sample code is shown below - 'varTotals' is a variable that has an integer value). I was wondering whether there was a way to show tooltips on those plot bands when my users hover over them:

valueAxis: {
              labels: {
                  format: "{0:C0}"
              },
              majorGridLines: {
                  width: 1,
                  color: "#CCCCCC"
              },
                            plotBands: [{
                                from: (95 * varTotals) / 100,
                                      to: varTotals,
                                      color: "green"
                                  }]
                                  ,
              min: 0,
              max: varTotals
          },

Thanks.

Charts

asked on 25 Oct 2012

1 answer

103 views

Pie chart garbled after upgrading to newest version

We had a pie chart well formatted in our app - it was using kendo.all.min.js 2012.1.322 and the included jquery.min.js

When we upgraded to kendo.all.min.js 2012.2.913 the pie chart looked very different and unreadable from a style standpoint. The javascript code did not change at all nor did the input data.

I've included before/after screen shots and the code - any ideas?

App.globalVar.generateChart = function (container, bcLevels, inputFilter, inURL) {

$(container).kendoChart({

dataSource: {

transport: {

read: {

url: App.constants.ROOTURL + inURL,

type: "post",

contentType: "application/json; charset=utf-8",

dataType: "json"

},

sort: {

field: "bondType",

dir: "asc"

},

parameterMap: function (options) {

options.filter = inputFilter;

options.holdingBC = bcLevels;

return JSON.stringify(options);

}

}, // end transport

schema: { data: "data", errors: "processErrorList" }

}, //end datasource

legend: {

position: "right",

margin: 1,

offsetX: -5,

labels: {

template: "#= text # (#= value #%)"

}

},

chartArea: {

background: "white",

width: 325,

height: 130,

margin: 1

},

seriesDefaults: {

type: "pie"

},

plotArea: { margin: 1 },

series: [{

field: "tmvAccrued",

categoryField: "bondType",

colorField: "color",

padding: 12,

overlay: {

gradient: "none"

}

}],

tooltip: {

visible: false,

format: "{0}%"

}

});

}

Charts

answered on 25 Oct 2012

0 answers

74 views

Paging doesnt work until after sort or filter

When my grid load the paging at the bottom just says 1, but if i sort or filter the paging works. Is there code i can call to update the paging

I tried $("#grid").data("kendoGrid").refresh();
and $("#grid").data("kendoGrid").dataSource.Refresh();

neither work

Grid

asked on 25 Oct 2012

0 answers

96 views

Dates repeated when applying culture

In my grid the dates shown in the date column are repeated with the date values for the first row. The dates show fine if I remove the globalization

kendo.culture("en-GB");

Field is defined like this

, { field: "StartDate", title: "Date", width: 80, format: "{0:d}" }

The date values received over the wire are fine. But when I tap into the "change" event of the datasource or the "databound" event of the grid I see that the data in the model is already modified.

I am not sure what's happening here. Anybody has any ideas what could be wrong? I am using Kendo v2012.2.710.

Thanks.

Grid

asked on 25 Oct 2012

1 answer

130 views

plot bands with alternating colors?

Hi there,

Is there a way to use plot bands to show alternating bands of color on the category axis of a line chart? (I am hooked up with a datasource and I don't know what or how many categories I will have..just that I want the colors to alternate).

thanks!

Charts

answered on 25 Oct 2012

1 answer

295 views

Datasource filter - get Value from XML node

Using the example set out in the following page:

http://demos.kendoui.com/web/grid/hierarchy.html

I have tried to get this to use XML as the datasource instead of oData. I get an "d is not defined" javascript error.

I think it must be the filter that is not working.

filter: { field: "customer", operator: "eq", value: "id/text()" }

but I cannot find any examples of the Grid using XML, and do not know what to put for the "value" to get this to match up to the value of the "id" node in the customers XML file - can anyone help? The whole code is below.

$(document).ready(function() {

var element = $("#grid").kendoGrid({

dataSource: new kendo.data.DataSource({

type: "xml", // specifies data protocol

pageSize: 6, // limits result set

serverPaging: true,

serverSorting: true,

transport: {

read: "customers.xml"

},

schema: {

type: "xml",

data: "/Customers/Customer",

model: {

fields: {

id: "id/text()",

surname: "surname/text()",

forename: "forename/text()",

email: "email/text()"

}

}),

height: 450,

sortable: true,

pageable: true,

detailInit: detailInit,

dataBound: function() {

this.expandRow(this.tbody.find("tr.k-master-row").first());

},

columns: [{

field:"id",

filterable: false

},

"surname",

"forename",

"email"

]

});

function detailInit(e) {

$("<div/>").appendTo(e.detailCell).kendoGrid({

dataSource: {

type: "xml",

transport: {

read: "orders.xml"

},

schema: {

type: "xml",

data: "/orders/order",

model: {

fields: {

id: "id/text()",

net: "net/text()",

vat: "vat/text()",

dispatched: "dispatched/text()"

}

},

serverPaging: true,

serverSorting: true,

serverFiltering: true,

pageSize:6,

filter: { field: "customer", operator: "eq", value: "id/text()" }

},

scrollable: false,

sortable: true,

pageable: true,

columns: [ "id", "net", "vat", "dispatched" ]

});

}

Data Source

answered on 25 Oct 2012

9 answers

160 views

Problem deselecting 4 or more cascading dropDownList

Hi,
I have a problem with 4 or more cascading dropDownList.
When I deselect the first dropDownList, last is not correctly refreshed (initialized)
Could you help me?
Thank you,
Amos

<p>

<label for="categories">Catergories:</label>

@(Html.Kendo().ComboBox()

.Name("categories")

.Placeholder("Select categoryasdasda...")

.DataTextField("Cod")

.DataValueField("Des")

.DataSource(source => {

source.Read(read => {

read.Action("GetCascadeCategories", "ComboBox");

});

})

)

</p>

<p>

<label for="products">Products:</label>

@(Html.Kendo().ComboBox()

.Name("products")

.Placeholder("Select product...")

.DataTextField("Cod")

.DataValueField("Des")

.DataSource(source => {

source.Read(read =>

{

read.Action("GetCascadeProducts", "ComboBox")

.Data("filterProducts");

})

.ServerFiltering(true);

})

.Enable(false)

.AutoBind(false)

.CascadeFrom("categories")

)

<script>

function filterProducts() {

return {

categories: $("#categories").val()

};

}

</script>

</p>

<p>

<label for="orders">Orders:</label>

@(Html.Kendo().ComboBox()

.Name("orders")

.Placeholder("Select order...")

.DataTextField("Cod")

.DataValueField("Des")

.DataSource(source => {

source.Read(read =>

{

read.Action("GetCascadeOrders", "ComboBox")

.Data("filterOrders");

})

.ServerFiltering(true);

})

.Enable(false)

.AutoBind(false)

.CascadeFrom("products")

)

<script>

function filterOrders() {

return {

products: $("#filterOrders").val()

};

}

</script>

</p>

<p>

<label for="ciccio">Ciccio:</label>

@(Html.Kendo().ComboBox()

.Name("ciccio")

.Placeholder("Select order...")

.DataTextField("Cod")

.DataValueField("Des")

.DataSource(source => {

source.Read(read =>

{

read.Action("GetCascadeciccio", "ComboBox");

})

.ServerFiltering(true);

})

.AutoBind(false)

.CascadeFrom("orders")

)

<script>

function filterOrders() {

return {

ciccio: $("#filterCiccio").val()

};

}

</script>

</p>

DropDownList

answered on 25 Oct 2012

0 answers

88 views

Upload file name cant save in database

Upload file uploaded in directory but file name cant save in database. pls give solution for that

Upload

asked on 25 Oct 2012

0 answers

93 views

#link reload content

hello all. Use kendo ui Mobile with great satisfaction! is very powerful.
But I have a problem I can not solve.
how can I get these links?

<a href="#link.html?id=1">
<a href="#link.html?id=2">
<a href="#link.html?id=3">

when calling a link works fine, but quanro recall another link, the page is blank.
while if I need to refresh the page is loaded correctly.
please help me.

ModalView

asked on 25 Oct 2012

2 answers

266 views

Drop down list inline styles

Hi,
I'm new in KendoUI. I am using the dropdown list feature and I have some issues with the styling of the list. The DIV's with these classes:
"k-list-container k-popup k-group k-reset" and "k-list-container k-popup k-group k-reset" receive some inline styles that are in conflict with the styles I want to apply to the elements. Is there a way to overwrite them by using css? By now I couldn't find a workaround for this problem. Greetings, Vessi

DropDownList

answered on 25 Oct 2012