Hi Guys,

I am running two different applications, one is mobile layout and other is pie chart application from demo.
I have observed following things while using these applications.

1>See the attachment file try1.html having code for pie chart. running this application working fine for pie chart.
But, if i change the sequence in head tag from

<!--In the header of your page, paste the following for Kendo UI Web styles-->
    <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />

    <!--Then paste the following for Kendo UI Web scripts-->
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/kendo.web.min.js" type="text/javascript"></script>

<!--In the header of your page, paste the following for Kendo UI Mobile styles-->
    <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
<script src="js/kendo.mobile.min.js" type="text/javascript"></script>
    
<!--In the header of your page, paste the following for Kendo UI DataViz style sheet -->
    <link href="styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />

    <!--Then paste the following for Kendo UI DataViz scripts-->
    <script src="js/kendo.dataviz.min.js" type="text/javascript"></script>
to 

<!--In the header of your page, paste the following for Kendo UI Web styles-->
    <!--In the header of your page, paste the following for Kendo UI Web styles-->
    <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />

<!--In the header of your page, paste the following for Kendo UI DataViz style sheet -->
    <link href="styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />

    <!--Then paste the following for Kendo UI DataViz scripts-->
    <script src="js/kendo.dataviz.min.js" type="text/javascript"></script>

    <!--Then paste the following for Kendo UI Web scripts-->
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/kendo.web.min.js" type="text/javascript"></script>

<!--In the header of your page, paste the following for Kendo UI Mobile styles-->
    <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
<script src="js/kendo.mobile.min.js" type="text/javascript"></script>
 
then its not working. Giving following error.
Uncaught ReferenceError:jQuery is not defined
Uncaught TypeError: Object [object Object] has no method 'kendoChart'

2>See the attachment file try2.html having code for mobile layout. running this application working fine for mobile layout.
But when I add data visualization in the head tag.

<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />



    <!--Then paste the following for Kendo UI Web scripts-->
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/kendo.web.min.js" type="text/javascript"></script>
<script src="js/kendo.mobile.min.js" type="text/javascript"></script>
    <!--In the header of your page, paste the following for Kendo UI Mobile styles-->
    <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
<!--Then paste the following for Kendo UI DataViz scripts-->
    <script src="js/kendo.dataviz.min.js" type="text/javascript"></script>

then its not working. And throwing following following error.
Uncaught TypeError: undefined is not a function at var app = new kendo.mobile.Application(document.body);


My requirement is that i want to use pie chart in mobile layout. Whether it is possible in kendoui or not?
Or whether it creates problem while importing dataviz js/styles and mobile js/styles in sequence.?

Hello guys!

I cannot get kendo dropdownlist to show builtin mvc validation message on client side when clicking submit button.
If i remove the kendo initializer the dropdownlist gets rendered as default html select and the validation message is showing client side when clicking submit button.
Strange thing the builtin mvc validation message works for other kendo initialized controls like calendar or autocomplete, but cant get it to work for dropdownlist.
I'm stuck on this one and would surely appreciate your help guys :)

The model entity Person has a int field CompanyID with validation attribute [Required]. 
The view markup is as follows.
....................................................... 
@Html.DropDownListFor(m => m.CompanyID, (IEnumerable<SelectListItem>)ViewBag.CompanyID)
 @Html.ValidationMessageFor(m => m.CompanyID)
.......................................................
 $(document).ready(function () {
$("#CompanyID").kendoDropDownList()  
});
....................................................... 

Hi Guys,
how can we use pie chart in grid for mobile apps?

I have moved this original thread to the MVVM area: http://www.kendoui.com/forums/framework/mvvm/unable-to-delete-numeric-or-date-value-and-have-model-update.aspx#2084418. 

After more investigation, the controls (DatePicker and NumericTextBox) appear to be doing their part. Both control types do indeed have their values set to NULL and appear to be triggering the change event. It would seem the datasource is ignoring the change event if the value is NULL for numerics and dates.

Mike 

Hi All,

We're experiencing a problem with the DatePicker control that ships with Kendo when using jQuery validation that ships with ASP.NET MVC. This is my best attempt at describing the problem:

When using jquery.validation that ships with MVC, and you call $(‘form’).valid() it marks the outer span of the datepicker (the one with the k-datepicker class on it) with the error class. Then, when you validate the form again (i.e: change another field, or click save), the jquery.validation goes and removes any element with the .error class (not sure why, just the way it works). Because this class was put onto the datepicker itself, calling .hide() actually removes the datepicker from view.

Any ideas on how to solve this?

I have moved this original thread to the MVVM area: http://www.kendoui.com/forums/framework/mvvm/unable-to-delete-numeric-or-date-value-and-have-model-update.aspx#2084418.

After more investigation, the controls (DatePicker and NumericTextBox) appear to be doing their part. Both control types do indeed have their values set to NULL and appear to be triggering the change event. It would seem the datasource is ignoring the change event if the value is NULL for numerics and dates.

Mike

I have a Grid with a date column. In the datasource's model, it is defined with type='date'.
First problem: the first time the grid is displayed, the date is well displayed. If I edit another column, after saving changes, the date is displayed in json format. If I click "refresh" the date is well displayed again.
Second problem: I can't save the date modifications, it seems the grid doesn't send the value of the grid column.

I've made a screencast that shows that: http://screencast.com/t/jYj97QV1

Is there a possibility to aggregate the grid schema dat aon the fly with ajax? I tested ist with a function but it didn't work.
i.e.:
It seems not to work cause if the data format, i guess ... any idea?

in the grid object:
schema: getSchema()


the function:
function getSchema()
{
var dataReturn;
    $.ajax({
        url: "/ajax/listen/getschema",
        success: function(data){
            console.log(data);
            dataReturn = eval( "("+ data +")");
        },
        error: function(data){
            console.log(data.responseText);
        },
        complete: function(jqXHR, textStatus){
            console.log(jqXHR);
            console.log(textStatus);
        }
    });
    return dataReturn;
}

Hi Guys,

I am writing simple application in kendoui to get json object through web service and printing it in grid. But nothing is printing except header values.

json object is:

{ "results" : [{ "name" : "Arkadiusz Pikura1", "desc" : "Pracownik 1 KS-Solab" }, { "name" : "Marcin Wita", "desc" : "Pracownik 2 KS-Solab" }] }

I am attaching code for the same. 

<!DOCTYPE html>


    <head>
        <title>JSON Example</title>
<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.common.css" rel="stylesheet" type="text/css" />
    <link href="styles/kendo.default.css" rel="stylesheet" type="text/css" />


    <!--Then paste the following for Kendo UI Web scripts-->
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/kendo.web.min.js" type="text/javascript"></script>
<script src="js/kendo.mobile.min.js" type="text/javascript"></script>
    <!--In the header of your page, paste the following for Kendo UI Mobile styles-->
    <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
        
    </head>
    <body>
        <div class="main">
            <div class="header">
                
                <h1>Kendo UI Grid</h1>
            </div>
             
             <div id="grid1">
                <table id="grid2">
                    <tr>
                        <th data-field="name">Name</th>
                        <th data-field="desc">Description</th>
                    </tr>
                </table>
            </div>       
        </div>
    </body>


<script>
$(document).ready(function() {
 
   $("#grid2").kendoGrid({
      dataSource: {
         transport: {
            read: {
               url: "http://dhpl.comuf.com/json.php",
               dataType: "json"
            }
         },
         schema: {
data:"results",
            model: {
               fields: {
                  desc: {},
                  name: {}
               }
          }
      }
   },
   
     columns: [
      {
         field: "desc",
         title: "results"
      },
      {
         field: "name",
         title: "results"
      }
      ]
   });
});
</script>
</html>

Please help me to figure our the problem. 

Hi,
My save handler generates JSON correctly (PHP code used to generate the JSON below). but I still get an upload error. The actual file is uploaded successfully.

An example of JSON output which generates the error is