I have added a Grid to a kendo Window. However, the filter items appears behind the window.

Can you help?

Hello...

It's possible to bind a PanelBar with remote data as webservice or restservice?.   the rest service return a parent-child estructure..

Thks.

I have a line chart (hourly data) that is generated by user selected criteria.  Because the user can select a large time range and IE8 gives a slow script error when too much data is queried, I've configured the web service to only return a maximum of one-week worth of hourly data at a time.  I have next and previous buttons to allow the user to page through the data and update the graph accordingly.  Currently, categoryAxis doesn't support step, resulting in overlapping labels, so I have visible set to false and it is difficult to tell the time range of the chart.  I have the date and value set to show as a tool tip, but would like to show the start date/time and end date/time as a subtitle, so the user can quickly see what week they are viewing as they page back and forth. 

Is it possble to show the first and last categoryAxis data value in the Title, so I have something like this for the chart title that will update when the dataSource is read:

Main Title of Chart
Start Date - End Date

Hi,
I have a problem in the chart with data source and web service. The chart isn´t creating. Can anybody help me?
Thanks.

Obs: I use the Framework 3.5.

The code:
$("#chart").kendoChart({
    theme: $(document).data("kendoSkin") || "Metro",
    dataSource: {
        transport: {
        type: "odata",
        read: {
            url: "JSON.asmx/GetDashboard", //I tried to put "http://localhost:17844/WEB3/JSON.asmx/GetDashboard" too, but don´t created the chart
            dataType: "json"
        }
}
    },
    title: {
        text: "Rentabilidade",
        font: "<B>"
    },
    legend: {
        visible: false
    },
    chartArea: {
        background: "#e6e6e6",
        margin: 0
    },
    seriesDefaults: {
        type: "bar",
        labels: {
            visible: true,
            position: "center",
            format: "{0:P2}"
        },
        color: "#3B894E"
    },
    series:
                [{
                    field: "VlValor",
                    name: "Rentabilidade (%)"
}],
    categoryAxis: {
        field: "DsFuncionario",
        labels: {
            rotation: 0,
            padding: { right: 60 }
        }
    },
    valueAxis: {
        labels: {
            visible: false
        }
    },
    tooltip: {
        visible: true,
        format: "{0:P2}",
        font: "<B>"
    }
});   


And the web service return a string: [{"DsFuncionario":"DIRECAO","VlValor":10135.33},{"DsFuncionario":"EDIR","VlValor":3201.59},{"DsFuncionario":"EMERSON ","VlValor":-76703.79},{"DsFuncionario":"FABIO","VlValor":3868.37},{"DsFuncionario":"SANDRO","VlValor":974631.58}]

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();
        }