I am new to kendo ui and mvvm, and I'm facing this issue:

I'm having a JSON file in the follow format:

    [
    {
    "Id":1,
    "img":"shoes.png"},
    {"Id":2,
    "img":"books.png"}
        }
    ]
I am reading the file using the sample mentioned online by you'll as follows:

    var crudServiceBaseUrl = "pro.json";
        var viewModel = kendo.observable({
                productsSource: new kendo.data.DataSource({
                    transport: {
                        read: {
                            url: crudServiceBaseUrl,
                            dataType: "json"
                        },
                        update: {
                            url: crudServiceBaseUrl,
                            dataType: "json"
                        },
                        destroy: {
                            url: crudServiceBaseUrl,
                            dataType: "json"
                        },
                        parameterMap: function(options, operation) {
                            if (operation !== "read" && options.models) {
                                return {
                                    models: kendo.stringify(options.models)
                                };
                            }
                            return options;
                        }
                    },
                    batch: true,
                    schema: {
                        model: {
                            id: "Id"
                        }
                    }
                })
            });

            kendo.bind($("#form-container"), viewModel);

I am able to bind the data from the data source to a Kendo Control such as a dropdownlist or some other Kendo Control. But when I try binding the data to an HTML Control (mostly an img tag). It stops working and gives an error saying "this.parent" is not a function.

following is the HTML which works:

    Select Product: <select data-role="dropdownlist" data-value-field="Id" data-text-field="img"
                             data-bind="source: productsSource"></select>

However binding to a normal `<img>` tag does not work. In short I need to bind images based on src value to a div using kendo ui mvvm.

Kindly help me out. Thanks!!

-
Hardik

Hello,

This is an example on how to use Kendo Splitter to build a Web Application Fluid Layout,

It is very simple... It just resize the panes based on the window and outer panes size...

Fluid Web App Layput - DEMO SPLITTER

Maybe Kendo DEVS want to optimize it and put this on Official Demo.

I hope this help you....

I want to use NumericTextBox to input student scores. Most of the time this is numbers. It's easier with tablets.

However we have some special codes that we have to treat.

Like "AB" for Absent, ou "EX", Exemption.  We convert these code to negative numbers, on input/output.

What do you think is the better way to deal with this kind of input with Kendo ? 

Thanks

This should be simple
My grid gets the data initially as expected but doesn't do anything when the update button is clicked while adding a new record.

@(Html.Kendo().Grid<DepartmentViewModel>()

      .Name("DepartmentsGrid")

      .ToolBar(t => t.Create().Text("New Department"))

      .Editable(editable => editable.Mode(GridEditMode.InLine))

      .Columns(columns =>

          {

              columns.Bound(d => d.Name);

              columns.Bound(d => d.Email);

              columns.Bound(d => d.Phone);

              columns.Command(c => c.Edit());

          }).Filterable().Groupable().Sortable().Pageable()

            .DataSource(datasource => datasource

                .Ajax()

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

                .Create("CreateDepartment","Admin")

                .Update("UpdateDepartment","Admin")

                .Model(m=> m.Id(id => id.Id))

                .Read(read => read.Action("DepartmentsGridData", "Admin"))))

My server code is here.

public partial class AdminController

   {

       public ActionResult Departments()

       {

           return View();

       }

 

       public ActionResult DepartmentsGridData([DataSourceRequest] DataSourceRequest request)

       {

           var data = _departmentService.GetDepartments();

           var model = data.ToDataSourceResult(request);

           return Json(model);

       }

       [HttpPost]

       public ActionResult CreateDepartment([DataSourceRequest] DataSourceRequest request,Department department)

       {

           return null;

       }

       [HttpPost]

       public ActionResult UpdateDepartment([DataSourceRequest] DataSourceRequest request,Department department)

       {

           return null;

       }

   }

Any help would be greatly appreciated.

Hello

I'm using KendoUI with ASP.NET. Setting the position of a KendoUI window element is relatively easy, but I'm finding it difficult to get position(top, left) dynamically.

Can it be done? If window is moved from its original position to other, can I somehow read the new coordinates. The information has to be somewhere because positions are know when a window is closed and opened again.

Cheers,
JoonasK

My solution requires us to add rows programatically. There is a complication in that the rows need to be added to a subgrid. Looks like it works but the data is now being saved. To test our problem, I have added a button which runs the function below on your grid-odata-crud example which I downloaded from github.

            function AddRow() {
                var productsGrid = $('#grid').data('kendoGrid');
                var dataSource = productsGrid.dataSource;
                dataSource.add({ ProductID: 10002, ProductName: 'A Johns Product 1', UnitPrice: 10.00, UnitsInStock: 5, Discontinued: false });
                dataSource.sync();
                console.log('Done');
            }

Should the above work. No rows are added to the database using this technique although I can add rows in the usual manner via the 'Add new record' button.

Hope you can help.

In a kendo grid is it possible to pick and choose which fields from the given model show in the popup form when popup edit mode is enabled (i.e. i have 10 properities in my model that is past to my grid and I only whish to show 5 specific ones)? How would I go about doing this if it is possible.

I am porting an android/iOS kendoui mobile app to wp8. There is a very pronounced what screen that flashes on every navigation. I'm not doing anything special. Has this been reported by others? Is there a fix?

Good day,

I want changed the default delete button found on the grid. I want to replace it for an image, is there any way I can do that?

Thank you,

Guillermo Sanchez. 

Hi,

I am creating an application which requires a listview with items coming from an external xml datasource.
This is what my datasource looks like:
A preview of the returned XML can be found in attachment.  (I want to create a listitem per expeseFrom).

The listview is created when the view is initalized.  Here is the code:
The expenseFormList is an empty unordered list inside my view. The expenseFrom-template looks like this:
This all works except when I include "kendo.data.min.js".  When I include the file,  the items in the list are not rendered and no error message is provided in Chrome Developers Tools.  The same issue also occured when I tried to follow the listview with pull-to-refresh tutorial:  no items when the file was included.
I have to include the JavaScript file for a Kendo dropdownlist,  somewhere else in my application.  
What should I do? 
Thanks!