Questions on Kendo UI for jQuery Forum

1 answer

63 views

Is there any chance we will see some basic support for understanding Kendo UI Templates through JustCode in the future? It is a bit irritating that it is the only templating engine that Visual Studio cannot even comprehend.

General Discussions

answered on 05 Nov 2013

1 answer

85 views

Kendo UI DataViz incorrectly grouped values in chart

I have strange problem when aggregating my sale data by Location and displaying it on the chart by date.I have let's say 25 Sales Amount in two locations across different dates. Location A has 10 days when minimum 1 sale happened, location B has 15 days. I want to display line graph for last month for those two locations displaying the day and the amount of the sale. The days with no sale should just interpolate.The expected result is two lines each with different days and different amount. But What I get is two lines but( each with 9 dates) always paired together. It displays incorrect day and the amount of the sale that day. The data from the server are however correct , and so is correct the graph if only one location is displayed.The problem seems to be when the two lines have different dates.here is the relevant code:

function makeChartData(transport, field){

var chart_data = new kendo.data.DataSource({

transport: transport,

group: {

field: field

}

});

return chart_data;

}

var chart_data = makeChartData(transport, "Location_Name");

function createSalesChart() {

return $("#overview-chart").height(400).width(490).kendoChart({

dataSource: chart_data,

autoBind: false,

seriesDefaults: { type: "line", stack: false, missingValues: "interpolate" },

series: [

{

field: "Gross_Total",

name: "Gross Total",

categoryField: "Date"

}

],

categoryAxis: {

field: "Date",

baseUnit: "days",

type: "date",

labels: {

dateFormats: {

days:"M-d"

},

step: 7

},

valueAxis: {

name: "currency",

labels: { format: currency_prefix+"{0}"+currency_suffix },

},

legend: { position: "bottom" },

tooltip: { visible: true, format: "0" },

plotArea:{

background: "#FFF"

}

});

}

Charts

answered on 05 Nov 2013

2 answers

273 views

How to filter Grid's main datasource with list of checked items from a treeview checkbox list

We have a checkbox treeview representing the company's organizational structure.
Next to the treeview, is a datagrid displaying information about the subordinates within the list of selected persons within the treeview.

A stored procedure handles all the logic for which records should be returned.
It accepts a one-column table parameter that should have one record with the id of each person selected in the treeview.

So, we need help on how to have a check/uncheck in the treeview trigger a reload of the grid.
And we want to be able to preserve the DataSourceRequest functionality handling sorting/filtering/paging/... as well.

Can someone please help us with a general idea and/or some code snippets to point us in the proper direction?
Even a very basic dropdownlist communicating to a grid would be sufficient. We are familiar enough with jquery to bind all the nuances of the checkboxes within the treeview.

Thank you,
Joe

Grid

answered on 05 Nov 2013

1 answer

99 views

Form does not open in content

Hello, I write in the form of content but he is printing on the outside of the browser panel bar, why is he doing this?

Navigator
http://imageshack.us/f/545/uv53.png/

Code C#
http://imageshack.us/photo/my-images/199/tec4.jpg/

PanelBar

answered on 05 Nov 2013

1 answer

116 views

Problem using DataSource to get data from REST service

Hi all,

am facing issues with the datasource..am trying to populate data from a REST service which gives me json response.When i directly copy paste the service response in a js file and mention it in the URL attribute it works fine,but when i directly mention the REST url its not loading the result.I am using the coffe shop application which was there on github.As i am new to kendo i am unable to solve this issue...it would be great if somebody could help me.

thanks in advance,
keran.

General Discussions

answered on 05 Nov 2013

1 answer

5.0K+ views

Replace datasource of a dropdownlist

I'm interested in the most efficient way to replace a dataSource for a named dropdownlist (ex: $("#DDL1"). The control is referenced throughout the application therefore I just want to change the datasource.

I want to change the dataSource details inline like so:

$("#DDL1").kendoDropDownList({ dataSource: _urlStates, dataTextField: "attributes.States", dataValueField: "attributes.States" }).data("kendoDropDownList");

But I'm overlooking something...

Thanks in advance!

DropDownList

answered on 05 Nov 2013

1 answer

409 views

Setting first panel bar to be open using k-state-active reloads the entire page inside the panel bar container

I have no idea how this is happening, but when I try to set the default panel to open using class='k-state-active' the page loads and then the page loads again inside the open panel.

The HTML:

<ul id="strategyPanels">

<li class="k-state-active">Asset Class Allocator

<div id="assetClassAllocator"></div>

</li>

<li>Fund Allocator

<div>investment fund stuff</div>

</li>

<li>Cost Calculator

<div>cost calculator</div>

</li>

</ul>

and the script:

$('#strategyPanels').kendoPanelBar();

There is more JavaScript initializing a Kendo Grid using the assetClassAllocator DIV.

Note: If I set the second panel as active it works fine:

<ul id="strategyPanels">

<li>Asset Class Allocator

<div id="assetClassAllocator"></div>

</li>

<li class="k-state-active">Fund Allocator

<div>investment fund stuff</div>

</li>

<li>Cost Calculator

<div>cost calculator</div>

</li>

</ul>

Same goes for the third panel.

Another Option:
I've even tried doing this directly via JavaScript, but it does the same thing.

//setup panel bars

$('#strategyPanels').kendoPanelBar();

var panelBar = $('#strategyPanels').data('kendoPanelBar');

panelBar.expand($('#strategyPanels li:first-child'));

So it would seem that this has something to do with the Kendo Grid in the first panel.
What potential issues could cause the panel bar to behave like this?

Regards,
Jacques

PanelBar

answered on 05 Nov 2013

4 answers

312 views

DropDownList multicolumn with headers - resize problem

Hi,
The template feature of the KendoUI DropDownList works fine, I’m very pleased with it. I can easily display a “multicolumn” view, but there is a little issue, I think. Trying to add columns headers is not that easy…

I found on the Telerik forums a brilliant idea, which consists of adding the following handler on the DataBound event:

function boundUsage(e) {
$('<div style="overflow:auto;"/>')
.html("<table><tr><td width='100px'>Code</td><td width='100px'>Libellé</td></tr></table>")
.prependTo('#Poltf_Usage_id-list');
}

But the result seems to me a little confusing: the Poltf_Usage_id-list keep its size (200px), while the Poltf_Usage_id-listbox (ul) is deplaced, thus displaying the last <li> outside the div.

As a solution (not very elegant), I tried to add on the BoundUsage function

$('#Poltf_Usage_id_listbox').css("height", "80%");

in order to force the list to fit into its parent. Another idea, please?

Thank you

DropDownList

answered on 05 Nov 2013

1 answer

378 views

Kendo CreateFilterExpression

Hello

I've recently ran into some problems trying to use the Kendo CreateFilterExpression function. I am trying to build an expression that contains all filter values
and query it to the database. The problem i had with this is the FilterExpression contains a lot of NULL checks. I don't want this.

Is there a way to create an Expression without having the NULL checks. I found out that there is a boolean LiftMemberAccessToNull that should do the trick,
but it is defined as internal.

Another question would be. Is it possible to change the implementation of the IFilterDescriptor interface?

General Discussions

answered on 05 Nov 2013

1 answer

975 views

How to get the datatype of a kendo grid column using javascript?

How do i get the datatype of a column in kendo Grid on the client side in javascript/Jquery? For eg i want to know whether the column is of type text or numeric or date. I checked inside $('#kendoGrid').data('kendoGrid').columns, but it does not show any detail about the column data type.

Grid

answered on 04 Nov 2013