Telerik Forums
Kendo UI for jQuery Forum
1 answer
180 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
102 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
536 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
104 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
172 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
247 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
3 answers
1.3K+ views
Hi all.
My name is Benjamin and I am very new to Kendo UI. 
I am creating an editable grid like the one on this page http://demos.kendoui.com/web/grid/editing-popup.html to a localhost mysql database.
Please can someone show me the steps, 

I was trying to follow the php code on the page but I can't see the lib folder in my download version and i can't see the following files too.
require_once '../../lib/DataSourceResult.php';
require_once '../../lib/Kendo/Autoload.php';

then I don't know how to connect the datasource to my mysql database too. There is no documentation in there.
thank you in advance.



Petur Subev
Telerik team
 answered on 20 Jan 2014
11 answers
243 views


We have an app that uses listview with remote datasource. The app worked well and we recently updated it to use latest kendo (commercial) and cordova 3.2.0 Since then we have a very strange behavior of the listview with Android devices (with iOS it all works well):
The first time we reach the view with the listview, it does not appear.But we found that if we do one of the following somehow the listview shows up:
- if we add alert("anything") right after the kendoMbolieListView line OR
- if we change to any other view and then come back to the view with the listview

And more insights: When we run the app using Android emulator it works well and we do see the listview but when we run it on device this is when we experience this problem (for example - Google Nexus 7 with Android 4.4.2)

Listview is created using the following code:

$("#events-list").kendoMobileListView({
        dataSource: dayDataSource,
        template: $("#eventTemplate").html()        
     });

Any ideas how to solve the strange issue will assist (of course we do not want to alert anything in production app)
Kiril Nikolov
Telerik team
 answered on 20 Jan 2014
3 answers
261 views
Hi,

I have a Kendo UI grid. On its Edit mode I have implemented Template file. That template file consist of text box, label and  Grid.
And in Edit template grid, I required to bind dropdownlist.  I have created dropdownlist template for it.

My issue is instead of allowing inline edit It display javascript on the page. It gives javascript error "Unterminated string constant" if I run it in Internet Explorer.

Please find sample project for the issue.

Regards,
Anand
Petur Subev
Telerik team
 answered on 20 Jan 2014
5 answers
64 views
I remember reading one back when I started with Kendo, which showed how to create a ViewModel in "classic" Web Forms. I can't find that anymore?

Telerik - not everyone needs the massive overkill of MVC - we still want to use Kendo!

Anyone know where those old tutorials are? I need to create server-side paging for my grid.
Petur Subev
Telerik team
 answered on 20 Jan 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?