Questions on Kendo UI for jQuery Forum

5 answers

166 views

Hi Everyone
I'm working on one of the features where I have a list and should be able to do action on multiple items at once
For example the way iPhone/Android handle editing/deleting/forwarding of messages
And I want this to work on multiple platforms iPhone, Android, Windows Phone and should work the way respective platform handle multiple item edit
Thank you in advance

ActionSheet

answered on 12 Sep 2013

1 answer

159 views

Virtual Scrolling or paging for large datasets

Does/Will the listview support paging or virtual scrolling for displaying large datasets?

ListView (Mobile)

answered on 12 Sep 2013

2 answers

215 views

How to access charts (chartArea) width to calculate Labels.Step(X)

Hello,

I've a stacked area chart, that is filled with dynamic data via JSON. The chart shows data according to start and end date, which the user selects from two datepickers.
On the category axis I try to put as much labels (rotated by -90° date values) as possible without mixing labels.
To calculate the appropriate Labels.Step() I need to know two things
1. number of values on category axis (wich I know)
2.) the current width of the chart or the chart area (which I don't know)
to calculate - or better estimate - the max number of labels

I found the width in the svg property of the chart, but don't know how to extract from that text.

Is there another way to determine the charts width or a totally different approach to estimate max number of labels on the category axis?

Thanks in advance
Dirk

Charts

answered on 11 Sep 2013

2 answers

178 views

Suppress rescaling of value axis in chart legend click event

Hi,

is there a simple way (not setting min and max values) to suppress rescaling of value axis if one series of stacked areas is hidden via legend click?
More details: the chart calculates the min and max values for stacked areas (bars etc) perfectly. But as soon as you hide a series via click on appropriate legend item ,the max value for the axis gets recalculated, which is not always wanted.

Setting min and max values manually is difficult, because data is loaded dynamically via JSON and calculating appropriate range on Server (aggregate of all data!) and transferring data to client is - from my point of view - not a good way to go since the chart itself calculates min and max very good...

Thanks in advance
Dirk

Charts

answered on 11 Sep 2013

2 answers

83 views

Value Axis Scaling

I am using a stacked column chart to achieve an effect requested by a user. They are wanting to see a breakdown of percentages per group that is bringing them below a particular target. I am "lifting" the smaller percentages represented on the chart "up" by setting the opacity for a particular series to 0 (zero). My problem is that they want the chart scaled from 60-100% but the smaller percentages that I am "lifting up" with the hidden series are not being displayed, because their value is less than 60.

I've attached three files to show the problem I am having:

- ChartNoHide.jpg displays the hidden series that is used to lift up the smaller percentages.
- ChartHide.jpg displays the way they want it displayed except it is scaled from 0-100%
- ChartProb.jpg displays how it is displayed when the .Min is set to 60 (.Min(60))

Any help would be appreciated.

Charts

answered on 11 Sep 2013

4 answers

610 views

Treeview inside Dropdownlist

Hi,
I try to create a data source based treeview, to be opened like a dropdownlist, in the same form with other dropdownlist items and comboboxes, so I would like them to look similar.

TreeView

answered on 11 Sep 2013

0 answers

275 views

Setting a checkbox on a TreeView to a default value

Hi - I have a TreeView defined as one of a series of filters for my page. I want to be able to send in default values so that when the user first brings up the page, they have values for the chart. What I can't seem to figure out is how to set the checkbox for the value I am sending in. I can do it on my TreeViews that are radio buttons. I can also set all the checkboxes to checked, but can't find the right syntax to set just one.

I have tried a variety of syntax. gradeLevelParm is the value I am passing:
$("#gradeLevelFilterTree input[value='" + gradeLevelParm + "']").click();
$("#gradeLevelFilterTree input:checkbox"[value = gradeLevelParm]).click();
$("#gradeLevelFilterTree input:checkbox[value='" + gradeLevelParm + "']").click();

This selects all the checkboxes, when I want one specific set.
$("#gradeLevelFilterTree input:checkbox").click();

Thanks for any help!

Here is the code that I have creating the TreeView.

ktvGradeLevelFilter = $("#gradeLevelFilterTree").kendoTreeView({

dataTextField: ["text", "GradeLevelID"],

dataSource: {

transport: {

read: function (options) {

$.getJSON(Helpers.toServicesUrl("/GetfltEWSGradeLevel"),

{

username: Context.UserName,

districtId: Context.DistrictId,

// schoolType: "H"

schoolType: schoolTypeParm //ktvSchoolFilter.getSelectedSchoolType()

},

function (data) {

gradeLevelData = data.GetfltEWSGradeLevelResult.RootResults;

gradeLevelData = [{

text: "Grade Level(Counts by Risk Factor)",

items: gradeLevelData,

expanded: false

}];

options.success([]);

ktvGradeLevelFilter.dataSource.data(gradeLevelData);

}).fail(function (jqXHR) {

options.error(jqXHR);

});

}

},

schema: {

model: {

children: "items"

}

},

checkboxes: {

checkChildren: true

}

}).data("kendoTreeView");

TreeView

asked on 11 Sep 2013

3 answers

216 views

Pasting new line into an ordered Lists starts the list over.

Having an issue where I have an existing ordered list. If I try to paste a valid in the middle of it, the new value is inserted and creates a new ordered list from this point.
Need the editor to insert this new row and maintain the existing ordered list.

Editor

answered on 11 Sep 2013

3 answers

169 views

select & chart opacity

I'm using the "select" configuration of the chart (like showed in http://demos.kendoui.com/dataviz/api/selection.html)
However , I need to change the opacity of the non selected areas.
Currently , the non selected areas are hardly shown due to very low opacity levels.
What is the way to change this setting ?
In addition , how can I control the zoom slider style itself ?
Thx
Sagi Karni

Charts

answered on 11 Sep 2013

1 answer

66 views

Remote Views - Not working offline?

Hi,
My webapp is not being hosted online, it is simply a series of html/css/js files on my machine.

I am using a splitview with 2 panes, a simplified structure of the left pane can be seen below:

<div data-role="pane" id="left-pane" data-layout="side-default" data-transition="slide">

<div data-role="layout" data-id="side-default" data-show="toggleBackButton">

</div>

<div data-role="view" id="side-view">

<ul data-role="listview" data-style="inset">

<li><a href="#testview">Commercial Services</a></li>

<li><a href="testview.html">Litigation Services</a></li>

<li><a href="views/paneviews/private_client_services/index.html">Private Client Services</a></li>

</ul>

</div>

<div data-role="view" id="testview">

<p>Test view</p>

</div>

There are 3 buttons in the UL. The first looks for a view in the current HTML document - this works fine.
The second and third look for remote files, and these do not work. The locations are correct and I have viewed page source and opened the links to check this.

When I click them nothing happens and the webapp becomes unresponsive until I refresh the page.

The contents of testview.html is as follows:

<div data-role="view" id="side-view">

<p>This is a remote view</p>

</div

It is necessary for my webapp to be hosted for this to work? Can remote files not work offline?

Thanks in advance,
Andrew.

General Discussions