Questions on Kendo UI for jQuery Forum

1 answer

139 views

Hi
I am having difficulties with the Multiple pain chart.
I would like to assign multiple charts for one navigation slider, which is fine, but when I would like to make the category axis pane visible on every single chart it is only let me to do that for one chart. It is possible to print for every single one.
Thank you very much for your help.
Regards.
M. Gabor

Charts

answered on 29 Aug 2013

3 answers

279 views

[Solved] extension exclusion and sync upload

Hi guys,

I'm working with kendo upload and I need some clarifications.

After looking around I understood that is not possible to filter file extensions before user imput ( like the old *.pdf). Is it correct?
If it is, could I use an handler on "select" and manually remove the selected file if it not matches the requested extension? how?

second question:
I normally use the upload in async mode, but this time I'd prefer to use it in sync mode.
The problem is that I'm kind of confused..how could I access the selected file's data??

I red on your doc that with sync mode the file is uploaded when the form is submitted...
ok..but where could I find its data? the client-side events are never fired..
I must say that the documentation is quite poor on this topic!

Thanks
Fabio

Upload

answered on 29 Aug 2013

2 answers

345 views

Angularjs + kendo-ui treeview.

Hi.
I'm trying to use angular-kendo framework and it seems pretty cool!
But I can't to make working treeview...
I use following angular controller:

function HomeCtrl($scope)

{

$scope.things = {dataSource: [{ name: "Thing 1", id: 1 },{ name: "Thing 2", id: 2 },{ name: "Thing 3", id: 3 }]}

}

and following template:

<div kendo-treeview <br>

k-data-source="things"

k-data-text-field="'name'" />

But it doesn't work... While other controls taken from sample angular-kendo framework like grid
work great.

This chunk of code also works:

<div id="treeview"></div>

<script>

$("#treeview").kendoTreeView({

dataTextField: [ "name"],

dataSource: [{ name: "Thing 1", id: 1 },{ name: "Thing 2", id: 2 },{ name: "Thing 3", id: 3 }]

});

</script>

What I'm doing wrong?

Thanks in advance.

General Discussions

answered on 29 Aug 2013

4 answers

200 views

Simulate hierarchical multiselect

I would like to simulate hierarchical multiselect so values from one multiselect efects on values on other one.
So when I click mouse on other multiselect it checks server with values from first multiselect.

I think I know how to set values with param value on second multiselect data source.
But I how to force to re read server when popup is opened? Like initial autobind = false. But always.

I'm using simple Json request and I cannot use odata type.

MultiSelect

answered on 29 Aug 2013

3 answers

94 views

What API call to display week view with respect to todays date and time start of 7am

I tried to display the week format format for the current week for my calendar app, but it is not working for having the day start time of 7am. Is there a way to do this? This is my API rendering call:

$scheduler = new \Kendo\UI\Scheduler('scheduler');
$scheduler->timezone("Etc/UTC")
->date(new DateTime())
->height(600)
->addView(array('type' => 'day', 'startTime' => new DateTime('2013/6/13 7:00')),
array('type' => 'week', 'selected' => true, 'startTime' => new DateTime('2013/6/13 7:00')), 'month', 'agenda')
->dataSource($dataSource);

It does show the week of "August 26th", but, it starts to display 1am instead of 7am??

paul

Scheduler

answered on 29 Aug 2013

4 answers

1.1K+ views

placeholder text

How do I go about getting some placeholder text inside the combo so when they click on it or start tying it disappears?

I tried the HTML5 placeholder attribute on the input, but it doesn't seem to work.

ComboBox

answered on 29 Aug 2013

1 answer

113 views

After ajax call Groupby is not working

While Changing the view, fresh data is loaded in grid based on view selection [ Making the ajax call for retrieving the grid data].
Groupby is stop working once fresh data is loaded. [ Not able to drag the column ]


function GridBind(urlGetData) {
    $.ajax({
        url: urlGetData,
        dataType: 'json',
        success: function (results) {
               _grid = $("#grid").kendoGrid({
                dataSource: {
                    data: results.Rows ,
                    pageSize: parseInt($('#DefaultPage').val())
                },
                groupable: true,
                scrollable: true,
                sortable: true,
                filterable: { extra: false },
                pageable: {
                    refresh: true,
                    pageSizes: [10, 20, 30, 40, 50, 100]
                },
                detailTemplate: kendo.template($("#template12").html()),
                detailInit: detailInitDB,
                cache: false,
                resizable: true,
                dataBound: function () {
                    resizeGrid();
                },
                selectable: "multiple",
                change: function () {
                    onSelection();
                },                columns: results.Cols
               });
                resizeGrid();
            }
        }    });

Grid

answered on 29 Aug 2013

3 answers

267 views

Auto Scaling in x-axis due to large number of values

Hi Telerik Team,

I am new to Kendo UI charts ( MVC ). Do Kendo charts provide any provision for auto scaling x axis in MVC for column chart ? like I have a large number of values which mess up the chart display.

I want to display dates on x-axis.

Thanks
Pratik

Charts

answered on 29 Aug 2013

1 answer

641 views

DataSource Read function with parameters

Hi, I currently try to tweak the dataSource Read function to load local data instead of using URL.
In my page I got several grid binding to several dataSource (I do not know at loading time because all page is dynamically created). All dataSource take data in one Read function that read an hugde local data array. I need to know witch DataSource (or Grid) call the Read function. But I can't found a way to do this.
Thanks for your help

function CreeDataSourceGroupes() {

var that = this;

//Pour cahque groupe présent

$("[id*='Groupe'][data-role='grid']").each(function () {

var groupeID = $(this).attr('Id')

dsGroupes = new kendo.data.DataSource(

{

groupId: 'ID1', // ============= NEED TO READ THIS ID SET WHEN CREATING THE DS

transport: {

read: function (options) {

that.DsGroupeRead(options);

}

});

$(this).data('kendoGrid').setDataSource(dsGroupes);

})

}

function DsGroupeRead (options, x)

{

// NEED THE GROUP ID HERE

//var data = speakerData1

//options.success(data);

}

Data Source

answered on 29 Aug 2013

1 answer

861 views

How to format grid conditionally?

for following cases
- I am creating grid for Tests if failed then row style color should be read or passed then row style color should be green.
- Another thing is I want to create a runtime column which will be computed result from data
example Completed is 9 and Total is 20: so I want to create column say Available which will be (20-9)=11

Thanks,
Suhaib

Grid

answered on 29 Aug 2013