Questions on Kendo UI for jQuery Forum

3 answers

136 views

Sorting and Filtering not working with xml dataSource?

Hi Everyone!

Yesterday i started evaluationg KendoUI. I've created a html page showing a grid with a xml data source. Here's the code (sorry, but the 'Format Code Block Dialog' issn't working (FF8)).
------------------------------------------------
<!DOCTYPE html>
<html>
<head>
    <title>New HTML5 page</title>

   <link href="kendoui/styles/kendo.common.min.css" rel="stylesheet" />
   <link href="kendoui/styles/kendo.kendo.min.css" rel="stylesheet" />

   <script src="kendoui/js/jquery.min.js"></script>
   <script src="kendoui/js/kendo.all.min.js"></script>
</head>
<body>
   <div id="grid"></div>

   <script>
       $(document).ready(function() {
           $("#grid").kendoGrid({
               dataSource: new kendo.data.DataSource({
                   transport: {
                       read: "../mssql/xml.php"
                   },
                   schema: {
                       type: "xml",
                       data: "/articles/article",
                       model: {
                           fields: {
                               number: "number/text()",
                               description: "description/text()",
                           }
                       }
                   }
               }),

               height: 500,
               groupable: true,
               filterable: true,
               scrollable: {
                   virtual: true
               },
               sortable: true,
               columns: [ {
                               field: "number",
                               width: 100,
                               title: "Artikelnummer"
                           } , {
                               field: "description",
                               width: 400,
                               title: "Bezeichnung"
                           }
                       ]
           });
        });
    </script>
</body>
</html>
--------------------------------------

All data from the data source is displayed correctly in the grid. BUT i can't sort the grid by clicking the column headers nor is the filter option displayed.

Is there anything wrong in my code? I've reviewed all examples and walkthroughs, but all use the same options for the grid like i do.

Please help :)

Regards,
Michael

Grid

answered on 14 Dec 2011

1 answer

225 views

Culture (globalization) for charts

Hi,

how can I change culture for charts? I need values to be formatted as #.###,## (comma as decimal separator).

Thanks,

Igor

Charts

answered on 14 Dec 2011

1 answer

348 views

Accessing Records in Data Source

I have a DataSource that is the data source for two different kendoDropDownList. Is there a way of accessing the data within the data source? The data source is a address block with a reference as a key and value in the drop down. The Address, City, State and Zip are also present in the data source. How would I access that data without having to pull over another set of the data?

Thanks
Randy

Data Source

answered on 14 Dec 2011

0 answers

197 views

tooltip always visible

How to make after creating Slider tooltip was visible and would never hide ?

Slider

asked on 14 Dec 2011

2 answers

275 views

checkboxes in grid have no values on submit

I have a form with an embedded grid that has a template in one column:

<input type="checkbox" name="roles" id="roles" value="" + roleid + "" checked="checked">

The display works fine.

When I submit the form, however, "roles" has no values. I checked to ensure "roleid" is actually populated with data - it is. The form field "roles" is indeed being passed from within the grid - it just has no values. I can populate a form field outside of the grid with the roleid and the value posts. So the problem is clearly related to the grid.

Anyone have an idea why the values are not being sent?

Grid

answered on 13 Dec 2011

0 answers

53 views

Require "save" to do an update

Is there a way to indicate that the "save" button needs to be triggered? I have a grid with some columns, and one of the columns I have a template that displays a list of checkboxes for the data. However, when the checkboxes checked and unchecked it does not indicate that the row needs to have the update method called when the "save" button is clicked.

Grid

asked on 13 Dec 2011

2 answers

220 views

Retrieving Json from Controller Action

I'm using the kendoChart to display the json result from a controller action. The contoller action is getting called, but the page gives an error after that which is shown at the bottom of this message. I tried to catch the dataBound event to see what is happening. The error is happening even before the event, so can't catch it.

An example or help appreciated for this problem.

Controller Action:

...
return Json(itemCount, JsonRequestBehavior.AllowGet);

Script:

$("#liveChart").kendoChart({
...
dataSource: new kendo.data.DataSource({
transport: {
read: {
url: "/Charts/Orders/GetLiveOrdersCount",
dataType: "json"
}
},
schema: {
data: "data"
}
}),
...

Error:

SCRIPT5007: Unable to get value of the property 'length': object is null or undefined
kendo.all.min.js, line 11 character 46965

Data Source

answered on 13 Dec 2011

2 answers

469 views

Complete/Error callbacks are not firing

Hello,
I am evaluating the kendoUpload widget. Everything works fine, my file is submitted, however when the upload is complete, my client events don't seem to get fired, or I have something configured improperly. Also of note, if I set autoUpload: false, then the upload files button does not start the upload. Below is what I have for configuration:

div.find('input:file').kendoUpload({
                async: {
                    saveUrl: '/SomeController/Action',
                    autoUpload: true
                },
                localization: {
                    "uploadSelectedFiles": "Upload Logo" // TODO: load language specific text
                },
                multiple: false,
                remove: function (files) {
                    var previewElement = $('#' + item.Uid + 'prev');
                    previewElement.fadeOut('fast', function () {
                        previewElement.html('');
                    });
                },
                select: function (files) {
 
                    if ((window.File && window.FileReader && window.FileList && window.Blob)) {
                        if (files.files.length && files.files.length > 0) {
                            var file = files.files[0];
 
                            var previewElement = $('#' + item.Uid + 'prev');
                            previewElement.previewImage({
                                'file': file.rawFile,
                                'height': 250,
                                'width': 250,
                                'title': 'Some Logo'
                            });
                        }
                    }
                },
                upload: function (evt) {
                    evt.data = { 'Uid': item.Uid };
                },
                complete: function (evt) {
                    alert('complete');
                },
                success: function (evt) {
		alert('success');


                    if (evt.operation == 'upload') {
                        var responseData = evt.response;
                        alert(responseData);
                    }
                }

Here is the response as seen in the fiddler tool:

HTTP/1.1 200 OK
Cache-Control: private
Server: Microsoft-IIS/7.5
X-AspNetMvc-Version: 3.0
X-AspNet-Version: 4.0.30319
X-Powered-By: ASP.NET
Date: Wed, 07 Dec 2011 14:45:13 GMT
Content-Length: 0

Any help would be appreciated.
Thanks,
ian

Upload

answered on 13 Dec 2011

2 answers

149 views

jquery.Validate

Hello,
Including the jquery.Validate library seeams to be interfering with my kendoui controls. Whenever I have the jquery.validate plugin included, I seem to lose all of the events from the kendo widgets. This seems to be the offending script.

<script src="http://ajax.aspnetcdn.com/ajax/jQuery.Validate/1.6/jQuery.Validate.min.js" 
	type="text/javascript"></script>

Any ideas?
Thanks,
ian

General Discussions

answered on 13 Dec 2011

3 answers

81 views

Custom jQuery inside Grid Functions

Hi all,
I got this template apply to a Grid

<script id="template" type="text/x-kendo-tmpl">

tr

<td

>

  <

a href="a" class="something" value="#= id #">Show ID</a>

</

td

>

...

And I want that on click

$(document).ready(function

(){

   $(

'.something').click(function

(){

        alert($(

this).attr("value"

));

return false

;

    });

...

but nothing happens, will if I apply this same jquery outside the Kendo Grid it's works OK.

So how should I bind the click to the template??

Thanks

Grid

answered on 13 Dec 2011