Questions on Kendo UI for jQuery Forum

1 answer

110 views

"Customizing templates" example using REST data

Hi there,

Inspired by the example on the demos site, I attempted to populate a calendar to show days when our system receives FTP uploads. Here is what I've got so far:

01.<script type="text/javascript">

02. var today = new Date();

03. var events = [];

04. $.getJSON(url, function(json){

05. for (var i = 0; i < json.length; i++){

06. events.push(new Date(json[i].Year, json[i].Month -1, json[i].Day));

07. }

08. $('#connectionCalendar').kendoCalendar({

09. value: today,

10. depth: "month",

11. start: "month",

12. dates: events,

13. month: {

14. content: '# if ($.inArray(+data.date, data.dates) != -1) { #' +

15. '<div class="date-received">' +

16. '#= data.value #' +

17. '</div>' +

18. '# } else { #' +

19. '<div class="date-empty">' +

20. '#= data.value #' +

21. '</div>' +

22. '# } #'

23. },

24. footer: false

25. });

26. });

27.</script>

The code appears to be parsing okay, as I'm getting the date-empty class applied to each of my calendar elements. The JSON is arriving okay, and events is being populated, which leaves me with two scenarios that I can think of:

The async fetching of data is out of step with the calendar being built.
The $.inArray function is not behaving as intended with my new dataset.

Any help you guys can offer would be greatly appreciated. Thanks!

Calendar

answered on 17 Oct 2013

1 answer

739 views

Trying to upload using Kendo Upload UI with Web API

I am trying to use Kendo Upload UI with Web API. I have the below signature in my web api controller, but somehow the POST is not working. It works fine with
MVC controller, but I need it to work with Web API. I also include the call made from the UI.

public void AddFile(IEnumerable<HttpPostedFileBase> files, string id)
{
}
$("#files").kendoUpload({
async: {
saveUrl: '/api/my/addfile',
autoUpload: true
},
upload: function (e) {
e.data = { id: $('#test').val() };
}
});

Upload

answered on 17 Oct 2013

3 answers

62 views

Methods or events that cause a redraw of a chart

Which actions cause a redraw on a chart?

chart.dataSource.read()
chart.refresh()
chart.redraw()

I looked at the documentation and the API section provides no information on this, but it would be nice to know without having to resort to looking at the source code or having to post about it.
Is there anywhere else where this would be documented?

Thanks,
Jacques

General Discussions

answered on 17 Oct 2013

2 answers

121 views

Grid Column FIlterable Format fails after first detail row

I have a series of master details rows in a grid. In the detail of the master grid is a tab group. The detail grids are inside the individual tabs.

I am trying to format the display of an integer (4 digit year) inside the filter column. Removing the comma.

Here is the detail grid .csthml snippet.

columns.Bound(s => s.SurveyYear).Filterable(f => f.UI("yearFilterFormatSurvey")).Width(85);

<script id="yearFilterFormatSurvey" type="text/javascript">

function yearFilterFormatSurvey(element) {

element.kendoNumericTextBox({

format: 'n0',

decimals: 0,

});

}

</script>

The problem is that after the first detail row the formatting is no longer applied.

Also I am unable to move the format code to a .js file? I can't move it to any other .cshtml file either. Many of the detail grids have this column and having to put this filter format code into each of their .cshtml files is pretty "code smelly".

I am running the latest released build. 2013.2.918

Thanks,

Trav

Grid

answered on 17 Oct 2013

4 answers

122 views

Trouble posting to forum (Att: Kiril Nikolov)

Att: Kiril Nikolov,

Dunno where else to post this... so here goes:
The (multiple) posts from me about "setting the height of an editor" display erroneously using Safari, Chrome and Firefox on OSX.
Trying to access the thread does not result in the normal forum thread view, but rather an editable field containing some/all of the forum thread-html.
It seems Kiril Nikolov was able to answer one of the posts that I am unable to get a proper view of - maybe Telerik staff acess forums through another interface?

Editor

answered on 17 Oct 2013

1 answer

52 views

Switcing to Kendo UI from Telerik Missing orderBy and filterBy

We are converting an app from Telerik MVC to Kendo UI. We have jQuery code on our grids to capture the current orderBy and filterBy parameters so we can pass them back to our controller. The controller then creates an Excel download using those parameters.
However the orderBy and filterBy are now undefined in Kendo. How do I retrieve those values?
    function onDataBound() {
        $('a.lnkDeal').each(function () {
            this.href = this.href.replace(/&/g, "%26");
        });
        var grid = $("#Deals").data('kendoGrid');
        // Get the export link as jQuery object
        var $exportLink = $('#ExportToExcel');
        // Get its 'href' attribute - the URL where it would navigate to
        var href = $exportLink.attr('href');
        // Update the 'orderBy' parameter with the grids' current sort state
        href = href.replace(/orderBy=([^&]*)/, 'orderBy=' + (grid.orderBy || '~'));
        // Update the 'filter' parameter with the grids' current filtering state
        //href = href.replace(/filter=(.*)/, 'filter=' + (grid.filterBy || '~'));
        // Update the 'href' attribute. Replace all ' with | to avoid security issue
        href = href.replace(/'/g, "|");
        $exportLink.attr('href', href);
    }

Grid

answered on 17 Oct 2013

1 answer

125 views

scroll bars?

None of my views ever have scroll bars on them. Also, if I set overflow: auto on a div, it also will not have a scroll bar.

How do I allow scroll bars?

General Discussions

answered on 17 Oct 2013

2 answers

123 views

How to set grid options on the fly

I've got a grid:

$('#myGrid').kendoGrid({

...

scrollable: false,

...

});

and I've tried all of these things to change the scrollable property:

$('#myGrid').data("kendoGrid").options.scrollable = true;

$('#myGrid').data("kendoGrid").refresh();

$('#myGrid').data("kendoGrid").scrollable = true;

$('#myGrid').data("kendoGrid").refresh();

var MyGrid = $('#myGrid').data("kendoGrid");

MyGrid.options.scrollable = true;

MyGrid.refresh();

var MyGrid = $('#myGrid').data("kendoGrid");

MyGrid.scrollable = true;

MyGrid.refresh();

Nothing works. How does one change whether a grid is scrollable on the fly?

Grid

answered on 17 Oct 2013

1 answer

238 views

Field as Knockout observable

I have a datasource (array) with Knockout observable properties.
I want the grid to display the value of the observable in the grid.

Grid configuration excerpt:
columns: [
{ field: "Name"}
]

Here, Name is a Knockout observable. But it doesn't work, because the grid expects a normal js property.
Is there a way to get this working without converting all observables back to normal properties?

Grid

answered on 17 Oct 2013

3 answers

300 views

Scrolling to a specific element

My view contains a lot of content, and I wish to give the user shortcuts to scroll to specific parts of the page.

I see that it's possible to scroll using scrollTo, but the value has to be given as a number. As screen sizes vary I don't know the specific height values for the different places I wish to scroll.

Is there a smart way to for example scroll to the element with id="ScrollPosition1"?

Application

answered on 17 Oct 2013