Telerik Forums
Kendo UI for jQuery Forum
3 answers
355 views
hi,
i am struggling to get particular(filter) data from json file ,

i want to filter json data and display chart for that filtered data only,

please any one can help. 
Iliana Dyankova
Telerik team
 answered on 21 Jan 2014
1 answer
47 views
Hello all,

I'm looking for a date/time picker control that functions the same way that the control that is included with the RadControls for Windows 8 does.  Basically I would like the ability to have the user be able to select the Year, Month, Day, etc individually.

I've been through the documentation and I know this isn't possible today, is this something that could possibly be done in the future?

Thanks,

Greg
Kiril Nikolov
Telerik team
 answered on 21 Jan 2014
1 answer
98 views
Hello,
I am trying to create a directory view using the Kendo UI Web Treeview  and the coloricons-sprite.png.  I have the directory view working using Web API, but I cannot find any sample code that shows how to associate a specific icon based on the file extension.  The only samples I have found hard code the values.  Is there a sample that shows how this can be achieved?
Thanks,

Scott



Dimo
Telerik team
 answered on 21 Jan 2014
2 answers
120 views
this is relative to this thread
http://www.kendoui.com/forums/kendo-ui-dataviz/chart/how-to-customise-color-of-bars-in-stock-chart.aspx#boMy966aG2OF1P8AAFTdxQ

i wasnt sure if you saw my response or not
so im repoosting

here is my stock chart code
$J($chartD).kendoStockChart({
    dataSource: wData,
    series: [{
        type: "candlestick",
        openField: "open",
        closeField: "close",
        highField: "high",
        lowField: "low",
        categoryField: "cat",
        colorField: "color",
  
        notes:{
            line: {
                width: 0,
                length: 0
            },
            label: {
                font: "bold 9px Open Sans, sans-serif"
            },
            icon: {
                border: {
                    width: 0
                }
            }
        },
  
        tooltip:{
            format: "{4}:<br /> {0:n0} -> {3:n0}"
        }
    }],
    navigator:{
        visible: false
    },
    categoryAxis:{
        categories: cats,
        type: "category",
        labels: {
            font: "bold 9px Open Sans, sans-serif",
            rotation: 90,
            step: 1,
            skip: 0
        }
    },
    valueAxis: {
        labels: {
            format: "N0"
        }
    }
});
here is a portion of the data as outputted by the console:

[Object, Object, Object, Object, Object, Object, Object, Object]
0: Object
cat: "2009"
close: 6831
color: "#75B5CD"
high: 6831
low: 0
noteText: 6831
open: 0
__proto__: Object
1: Object
cat: "Direct Hire"
close: 9185
color: "#4E503F"
high: 9185
low: 6831
noteText: 2354
open: 6831


however just by adding the colors im now getting a js err:
Uncaught TypeError: Object [object global] has no method 'forEach' 

without all the color stuff the chart works great
but i really want custom colors

can you give me ideas why this is happening
thanks!














Iliana Dyankova
Telerik team
 answered on 21 Jan 2014
1 answer
195 views
Hi,

    I'd like to use the new slotTemplate porperty in daily and veewkly views.

    I have readed documentation and tried some code, but I can't understand how to use scheduler object inside this function. Only the date object.

    e.g. I would like to use the resources, group, etc, defined in the scheduler.

thank you
Vladimir Iliev
Telerik team
 answered on 21 Jan 2014
1 answer
104 views
In the column menu under the filter, the first box is defaulted to "Starts With".  We've found that our users are switching this to "Contains" about 90% of the time.  How to we change the default to be "Contains".

Thanks
Jason
Dimiter Madjarov
Telerik team
 answered on 21 Jan 2014
4 answers
545 views
I modified the “Detail Grid” which can be found here:


To use this example with a couple of Java actions instead of the RSS feed. However, I'm having problems filtering the detail data because of the fact that I’m omitting the type: "odata" in my HTML.



So, the original Employees data source looked like this:

dataSource: {
    type: "odata",
    transport: {
    },
    pageSize: 5,
    serverPaging: true,
    serverSorting: true
},



The original Orders data source looked like this:

dataSource: {
    type: "odata",
    transport: {
    },
    serverPaging: true,
    serverSorting: true,
    serverFiltering: true,
    pageSize:6,
    filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }
},




The modified Employees data source looks like this:

dataSource: {
    transport: {
        read:  {
            url: "/site/GetEmployee.action",
            dataType: "json",
        },
    },
    pageSize: 5,
    serverPaging: true,
    serverSorting: true
},




The modified Orders data source looks like this:

dataSource: {
    transport: {
        read:  {
            url: "/site/GetOrders.action",
            dataType: "json",
        },
    },
    serverPaging: true,
    serverSorting: true,
    serverFiltering: true,
    pageSize:6,
    filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }
},


You’ll notice that I had to make the change to: dataType: "json", in order for this example to work.

Also, if you look inside “kendo.all.js”, you’ll notice that “filter: { }” will only work with “odata”.

Now, any ideas how I can get my sample to work with filtering?
Daniel
Telerik team
 answered on 21 Jan 2014
3 answers
106 views
I'm trying to use a simple master detail grid hierarchy 
but does not load the json service detail information 

this is my code, which is my error? 
Please help

<script>
$(document).ready(function() {
         $("#gridEventosEventos").kendoGrid({
            editable:true,
            height: 474,
           columns: [
               { field: "idEvento", title:"id evento", width: "150px"},
               { field: "nomCliente", title:"Nombre Cliente", width: "150px"},
               { field: "idCliente", title:"Telefono Cliente",  width: "120px" },
               { field: "nomEvento", title: "Celular Cliente", width: "120px" },
               { field: "idProyecto", title: "Email CLiente", width: "120px" },                        
               { field: "nomProyecto", title:"Codigo Ejecutivo Cuenta", width: "150px"},
               { field: "idUnidadDeNegocio", title:"Nombre Ejecutivo Cuenta", width: "150px" },
               { field: "nomUnidadDeNegocio", title:"Codigo Director Cuenta", width: "150px" },
               { field: "idCreadoPor", title:"Nombre Director Cuenta", width: "150px"},
               { field: "nomCreador", title:"Estado Cliente",  width: "120px"},
               { field: "categoria", title: "Nombre estado", width: "120px"},
               { field: "nomCategoria", title:"Nombre Director Cuenta", width: "150px"},
               { field: "estadoEvento", title:"Estado Cliente",  width: "120px"},
               { field: "nomEstadoEvento", title: "Nombre estado", width: "120px"}
           ],
           dataSource: {
            transport: {
                        read: { url :"/SiradSeguridadWS/sirad/api/SiradServletsEventos?consultarEventos",
                        dataType: "json"
                        },
                        parameterMap: function(options, operation) {
                            if (operation !== "read" && options.models) {
                                return {models: kendo.stringify(options.models)};
                            }
                        }
                    },
                    pageSize: 6,
                    serverPaging: true,
                    serverSorting: true,
                    schema: {
                        model: {
                            id: "idEvento",
                            fields: {
                            idEvento: {editable: true, nullable: true},
                            nomCliente: {editable: true, nullable: true },
                            idCliente: {editable: true, nullable: true },
                            nomEvento: {editable: true, nullable: true },
                            idProyecto: { editable: true, nullable: true },            
                            nomProyecto: { editable: true, nullable: true},
                            idUnidadDeNegocio: {editable: true, nullable: true },
                            nomUnidadDeNegocio: {editable: true, nullable: true },
                            idCreadoPor: {editable: true, nullable: true },            
                            nomCreador: { editable: true, nullable: true },
                            categoria: { editable: true, nullable: true},
                            nomCategoria: {editable: true, nullable: true },
                            estadoEvento: {editable: true, nullable: true },
                            nomEstadoEvento: {editable: true, nullable: true }
                            }
                        }
                  }
           },
           detailInit: detailIniteventos,
                dataBound: function() {
                    this.expandRow(this.tbody.find("tr.k-master-row").first());
                }
          });        
    });
    
    function detailIniteventos(e) {
                 $("<div/>").appendTo(e.detailCell).kendoGrid({
                 dataSource: {
                     transport: {
                         read: "/SiradSeguridadWS/sirad/api/SiradServletsEventos?consultarVersionEventos",
                         dataType: "json"  
                     },
                     parameterMap: function(options, operation) {
                         if (operation !== "read" && options.models) {
                             return {models: kendo.stringify(options.models)};
                         }
                     },
                     serverPaging: true,
                     serverSorting: true,
                     serverFiltering: true,
                     pageSize: 5,
                     schema: {
                     model: {
                         id: "idVersionEvento",
                         fields: {
                          idEvento: {editable: true, nullable: true},
                          idVersionEvento: {editable: true, nullable: true },
                          nomVersionEvento: {editable: true, nullable: true },
                          idCreadoPor: {editable: true, nullable: true },
                          nomCreadoPor: { editable: true, nullable: true },            
                          idDirigidoA: { editable: true, nullable: true},
                          nomDirigidoA: {editable: true, nullable: true },
                          comentario: {editable: true, nullable: true },
                          requiereSeguimiento: {editable: true, nullable: true },            
                          fechaDeSeguimiento: { editable: true, nullable: true }
                         }
                     },
                },
                     filter: { field: "idCliente", operator: "eq", value: e.data.idCliente }
                 },
                 scrollable: false,
                 sortable: true,
                 pageable: true,
                 columns: [
                     { field: "idVersionEvento", width: "70px" },
                     { field: "nomVersionEvento", title:"Ship Country", width: "110px" },
                     { field: "nomCreadoPor", title:"Ship Address" },
                     { field: "nomDirigidoA", title: "Ship Name", width: "200px" }
                 ]
    });
         }
    
     </script>
Kiril Nikolov
Telerik team
 answered on 21 Jan 2014
7 answers
175 views
Hi,

I am trying to display the remote data bound items in a dropdownlist without underscores, to achieve a 'user-friendly' display. (ie. Customer Name instead of Customer_Name).  How could this be accomplished? 

I did come across this:
$('.name').each(function() {
    var $this = $(this);
 
    $this.text($this.text().replace(/_/g, ' '));
});

Just not sure where best to tackle this seemingly easy replacement.

Thanks in advance!

Daniel
Telerik team
 answered on 20 Jan 2014
4 answers
263 views
I have seen mobile websites with input fields which bring up a numerical keypad by default (say for entering quantity or banking number, etc).

Is there a way to accomplish this with kendo?
Michael
Top achievements
Rank 1
 answered on 20 Jan 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?