case study is as below:
######################################################################################################
<table id="grid" >
<thead>
<tr>
<th style="width:90px;" data-field="fc_saledate">SaleDate</th>
<th style="width:100px;" data-field="fc_price">Price</th>
<th style="width:80px;" data-field="fc_perval">%ofVal</th>
</tr>
</thead><tbody></tbody>
</table>
<script id="rowTemplate" type="text/x-kendo-tmpl">
<tr id="list_${fc_pid}">
<td style="width:90px;" >${ fc_saledate }</td>
<td style="width:100px; text-align:right" >${ fc_price }</td>
<td style="width:80px; text-align:right" >${ fc_perval }</td>
</tr>
</script>

$("#grid").kendoGrid({
rowTemplate: kendo.template($("#rowTemplate").html()),
columns: [
{
field: "fc_saledate",
title: "SaleDate",
template: '#= kendo.toString(SaleDate,"dd MMMM yyyy") #'
},
{
field: "fc_price",
title: "Price",
format: "integer"
},
{
field: "fc_perval",
title: "%ofVal"
}
],
dataSource: {data: app_list.get_list_content()},
height: 350,
scrollable: true,
sortable: true,
pageable: false,
dataBound: function(e){ app_filter.hide_ids_on_sort(app_filter.hidden_ids_for_kendo_sort);}
});

######################################################################################################
The result table looks like this

SaleDate          Price      %ofVal 
Feb - 20    $50,000     25%
Feb - 23    $90,000     5% 
Feb - 24    $60,000     2.5% 
Feb - 25    $10,000     50% 
Feb - 28    $1,100,000     50%  

On sorting these columns specially 'Price' and '%ofVal' they don't sort good. looks like it is sorting as string and sort only by first digit not by number as whole. 

Where do i specify the sorting type like integer/string/date/decimal etc to force it sort according to this formates? Also please give the list of all sorting format type.

Thanks!

hi,

is there any UI Element in Kendo where I have list (like DropDownList) and can make more than one selection?

Best,

Hi!

I'm working with ASP.Net and I generate the data with a method, but when i call it is not being displayed in my grid. I tried it with an ajax call and it works, but I don't want to do it in that way..

Here is the json:

{"d":[{"f280_id":"01","f280_descripcion":"SUROCCIDENTE CALI"},{"f280_id":"02","f280_descripcion":"NORTE"},{"f280_id":"03","f280_descripcion":"CENTRO"},{"f280_id":"04","f280_descripcion":"BARRANQUILLA"},{"f280_id":"05","f280_descripcion":"PEREIRA"},{"f280_id":"06","f280_descripcion":"PASTO"},{"f280_id":"50","f280_descripcion":"prueba"},{"f280_id":"99","f280_descripcion":"regional 1"}]}

And the kendo ui code:

$(document).ready(function () {

var dataSource = new kendo.data.DataSource({

transport: {

             read: {

                  url: "About.aspx/prueba2",

                  type: 'get',

                  dataType: "json",

                  contentType: "application/json; charset=utf-8"

                  }

                }

            });

 

            $("#grid").kendoGrid({

                dataSource: dataSource,

                height: 360,

                pageable: true,

                autoBind: true

            });

        });

When the page is loading it seams as if where loading the data, but doesn't show anything.
Any suggestion?

Thanks

Hi,

Is it possible to show charts inside tab strip?
My chart is working fine, until I try to show it in tab strip, then chart is not visible, no error occured.
Am I doing something wrong or this is not supported?

KendoUI Team:
1. Nice start to a cool framework.
2. I am having significant issues with the Datasource wrapper, hitting a JSON WCF RIA services factory. Essentially, the change function gets called, but the event arguments do not contain the results.
3. When I hit the same service with a .ajax(Params) call, the results are all there (1 record)

eg: - this works fine. data.xxx.RootResults is fully populated as expected.

 function Load() {
        var Params = {};
        Params.type = 'GET';
        Params.url = 'EPSolutions-Empower-Wcf-DomainServices-RIAService-EmpowerService.svc/' + 'JSON/' + 'GetAccountSummaryDTOByAccountNumber';
        Params.dataType = 'json';
        Params.data = 'accountNumber=' + $("#uiAccountNumberInput").val();
 
        Params.success = function (data) {
 
            var returnedEntity;
            for (var i in data.GetAccountSummaryDTOByAccountNumberResult.RootResults) {
                returnedEntity = data.GetAccountSummaryDTOByAccountNumberResult.RootResults[i];
  
 
            }
        };
 
        $.ajax(Params);
    }

eg: the change: Function (e) has no data object as a member, unlike the above ajax call.

// AccountSummaryDTO
    var accountSummaryDTO = new kendo.data.DataSource({
        transport: {
            read: {
                type: "GET",
                url: "EPSolutions-Empower-Wcf-DomainServices-RIAService-EmpowerService.svc/JSON/GetAccountInfoDTOByAccountNumber",
                dataType: "json",
                data: {
                    accountNumber: function () {
                        return $("#uiAccountNumberInput").val();
                    }
                }
            }
        },
  
        change: function (e) {
            var returnedEntity;
 
            var dd = this.at(0);
 
         //   for (var i in e.GetAccountSummaryDTOByAccountNumberResult.RootResults) {
         //       returnedEntity = e.GetAccountSummaryDTOByAccountNumberResult.RootResults[i];
//
//            }
 
        
        },
 
        error: function (e) {
            alert(kendo.format("ERROR: Unable to read account {0}", $("#uiAccountNumber").val()));
        }
    });

In both cases, the Network traffic shows the correct response, ie exactly the same for each example. 
{"GetAccountSummaryDTOByAccountNumberResult":{"TotalCount":1,"RootResults":[{"AccountBalance":-51.70,"AccountBalanceState":2,"AccountBalanceStateText":null,
etc (very wide)

No idea why the change event does not have the data in it.
schema ?

Your help appreciated.
Phil Harris
epSolutions

Hi! I have created the following function to search for a row in the Grid making use of the filter columns method and an OR flag and assign that to a search button. So I put in the keyword and it searched through the entire list with paging. But after the search, it doesn't display the result on the grid screen. But there is a page one link at the bottom left corner of the grid. I will see the result when I click on that link. How do I make it default to be displayed on the grid without doing the above interaction? What did I miss?? Thanks!

function searchRecord(searchdata) {

        $("#gridReviewers").data("kendoGrid").dataSource.filter( {logic: "or",
                            filters: [  {field: "username", operator: "eq", value:searchdata.key },
                                    {field: "email", operator: "eq", value:searchdata.key },
                                    {field: "name", operator: "eq", value:searchdata.key } ] } );

        $("#gridReviewers").data("kendoGrid").dataSource.read();
        }

Hi,

Is there a credit card validation rule built into the validator? I can't seem to find any reference to credit card validation in the docs or examples.

I have a checkout form I'd like to use some widgets on but don't want to have to add jquery validate in addition to the kendo ui script.

If it doesn't existing please consider this a formal feature request.

Thanks.

Tony

I have server sorting working but when I set allowUnsort to true it will always pass in the last sort when clicking on a column for the third time.  So it goes asc, desc, then the it appears to not be sorting on anything but it is actually still passing in the desc sort to the webservice.

Hi
I want to use icon with background gradient on  kendo ui web treeview child items. Please let me know how I can achieve this.


Thank you

Hi. 

Are there any sketches on how the coming MVVM API will look like? With the current feature set Kendo UI doesn't look like a full solution and I couldn't much docs on how to integrate it with JavaScript MVC frameworks like Backbone.

Br,
Timo Westkämper