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:




The original Orders data source looked like this:





The modified Employees data source looks like this:





The modified Orders data source looks like this:



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?

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>

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:

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

Thanks in advance!

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?

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.

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)

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

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.

If I want to display a checkbox in the grid. Whats the best way to do that?

I am doing this and it doesn't seem to work.

@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
{
columns.Template(@<input type="checkbox" />);
columns.Bound(r => r.RouteName);
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(false)
)
)

 

 

 

 

I am using the Telerik Grid's, with MVC3. These grid allow you to specify a error
event handler in case of an error. When a redirect occurs, after the session timeouts, this
function is not triggered, even though the redirect response is not in Json format.

  .Events(events => events.Error("error_handler"))

Note: error_handler is a js function which is not triggered.