Telerik Forums
Kendo UI for jQuery Forum
6 answers
721 views
I see this example but that's binding the data into a dropdownlist...I want me JSON from the server to BE the model Like this

Is it not doable, or am I missing something?
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 08 May 2012
0 answers
131 views
How can I access the attribute image->url to use in a listview on Mobile device template

[
  {
    "released": "2007-06-29",
    "posters": [
      {
        "image": {
          "url": "http://cf2.imgobject.com/t/p/w92/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg",
          "id": "4ea680f32c058837cb00c499"
        }
      },
      {
        "image": {
          "url": "http://cf2.imgobject.com/t/p/w154/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg",
          "id": "4ea680f32c058837cb00c499"
        }
      },
      {
        "image": {
          "url": "http://cf2.imgobject.com/t/p/w185/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg",
          "id": "4ea680f32c058837cb00c499"
        }
      },
      {
        "image": {
          "url": "http://cf2.imgobject.com/t/p/w342/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg",
          "id": "4ea680f32c058837cb00c499"
        }
      },
      {
        "image": {
          "url": "http://cf2.imgobject.com/t/p/w500/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg",
          "id": "4ea680f32c058837cb00c499"
        }
      },
      {
        "image": {
          "url": "http://cf2.imgobject.com/t/p/original/gMg48r3zMz6HMez4ksNEeOcrVV1.jpg",
          "id": "4ea680f32c058837cb00c499"
        }
      }
    ],
    "version": 225
  }
]
Duncan
Top achievements
Rank 1
 asked on 08 May 2012
3 answers
143 views
Does kendo MVVM support this type of scenario?

http://jsfiddle.net/stevescotthome/sqbXP/3/

Where the "Add new" and "Edit" are popup windows to edit\add sites.

I have this working in knockout, but I like the kendo datasource implementation a bit better than having to use a separate mapping plugin.

Like I don't see any $root. or $parent style binding samples to let me link an element to a viewmodel calculated function

(Also, it supports this type of stuff right?)
viewModel.selectedSite = ko.observable();
viewModel.editItem = function (item) {
        viewModel.selectedSite(item);
};
Atanas Korchev
Telerik team
 answered on 08 May 2012
6 answers
651 views
Hello,

We have a back end database that we interact with using a custom library. All the CRUD is in the form of GET / POST / PUT calls to our back end. The following is what we use to interact with our database:
db.get('some-record', function(resp) { });

db.put('some-record', { hello: 'world' }, function(resp) { });

db.post({ hello: 'world' }, function(resp) { });

db.destroy('some-record', { rev: 'abcdef123456789' }, function(resp) { });
The resp variable is a JSON object. Given the above, I have been able to successfully perform all CRUD operations on our database. Now, I would like to implement a Kendo GRID with Popup Editing as here: http://demos.kendoui.com/web/grid/editing-popup.html

How do I define the update, destroy and create functions using the functions above that interact with my database?

The part I do not understand is how the 'transport' works for updating in the demo code at the above link:

dataSource = new kendo.data.DataSource({
                            transport: {
                                read:  {
                                    url: crudServiceBaseUrl + "/Products",
                                    dataType: "jsonp"
                                },
                                update: {
                                    url: crudServiceBaseUrl + "/Products/Update",
                                    dataType: "jsonp"
                                },
                                destroy: {
                                    url: crudServiceBaseUrl + "/Products/Destroy",
                                    dataType: "jsonp"
                                },
                                create: {
                                    url: crudServiceBaseUrl + "/Products/Create",
                                    dataType: "jsonp"
                                },
                                parameterMap: function(options, operation) {
                                    if (operation !== "read" && options.models) {
                                        return {models: kendo.stringify(options.models)};
                                    }
                                }
                            }



Lee
Top achievements
Rank 1
 answered on 08 May 2012
2 answers
300 views
Hi,

I have a treeview in a splitter pane with a breadcrumb above it. When I click a breadcrumb it navigates to that point in the tree and collapses that node. This will however cause the selected treeview node to be out of sight in the splitter pane. Is there a way for me to scroll the splitter pane so that the selected treeview node is displayed?

Thanks,
Jan Erik
Jan Erik
Top achievements
Rank 2
 answered on 08 May 2012
1 answer
124 views
Hi,
 i have written a code for taking json data from a php and putting to listview ,it works great in localhost ,
when i put the php file in a webserver and called in javascript it showing eeror and not getting data.


this method i have  used 
 var dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                     
                       //url: "userchk.php",    //this works in localhost  
                       url: "http://example.com/web/userchk.php",  this is not working 
                       
                        dataType: "json",
                        data: { 
                            q: "javascript"
                        }
                    }
                },

first url data is geting in localhost and works great, second url is not working(but data showing  if we run the url in a browser)

it show Error

XMLHttpRequest cannot load http://example.com/web/userchk.php?q=javascript. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

waiting for a good response
Johan
Top achievements
Rank 1
 answered on 08 May 2012
2 answers
76 views
Viewing on the iPad 3, only the main menu loads; there are no transitions, though when you click a button a 'loading' modal pops up.  Further, it breaks the page when attempting further clicks.  
Kamen Bundev
Telerik team
 answered on 08 May 2012
1 answer
303 views

I keep seeing the following messages in Chrome's F12 console:

  1. Resource interpreted as Image but transferred with MIME type application/octet-stream: "http://localhost:50659/webroot/Scripts/KendoUI/styles/BlueOpal/sprite.png".

  1. Resource interpreted as Image but transferred with MIME type application/octet-stream: "http://localhost:50659/webroot/Scripts/KendoUI/styles/textures/highlight.png".

It does not seems to effect anything. 

-George
Atanas Korchev
Telerik team
 answered on 08 May 2012
1 answer
94 views
Hi,

I was going to login and download the most recent release but can't seem to find the login link or button. Am I missing something?

Thanks,
Tony
Atanas Korchev
Telerik team
 answered on 08 May 2012
1 answer
110 views
I am hoping someone can shed some light on the proper method for handling batch updates on a grid when the backend data source is an XML based web service.

Here are the particulars:

I would like to use the built in update, create and delete properties of the datasource transport, at the same time, I need to manipulate the data being sent to the web service from json to xml (the reader is json, the writer is xml).   The caveat to this is I need to update the actual cell value being updated not a whole record (model) at a time.   The problem with doing this strictly in the datasource (as far as I can tell) is that I cannot get details about which column changed only that the record (model) was updated.

Is there a way without putting in handlers within the KendoGrid to identify which fields have changed during the parameterMap callback so I can output just those individual values that have changed in a batch mode?


Here is what I did, but I would like to avoid putting a handler in the grid (if possible):

I put an event handler off the save property of the KendoGrid to record a list of changed cells.   Then, on the ParameterMap of the data source, I go through the records and build the proper xml.  


Is this the right approach or is there a better way to do this all within the datasource?

Here is my KendoGrid definition:

$(this._renderTo).kendoGrid({
    dataSource: this.ItemsDS,
    sortable: true,
    pageable: true,
    navigatable: true,
    editable: true,
    save: $.proxy( this.onCellChanged, this ),
    columns: [
        { field: "Position.Name", title: "Position", width: 20 },
        { field: "Headcount.value", title: "Headcount", width: 15 },
        { field: "FTE.value", title: "FTE", width: 15 },
        { field: "EmployeeName.value", title: "EmployeeName", width: 50 },
        { field: "JobCode.value", title: "JobCode", width: 20 },
        { field: "JobTitle.value", title: "JobTitle", width: 100 }
    ]
});


Then, the onCellChanged:
onCellChanged: function (e) {
    var isDirty = false;
 
    var fieldName = e.container[0].firstChild.name;
    if (!fieldName)
        return;
 
    var newValue = e.values[fieldName];
    var oldValue = e.model[fieldName]
 
    if (newValue != oldValue) {
        var esResults = this.ItemsDS._pristine.EmployeeListResponse.Results;
        elemName = fieldName;
 
        // Create the record that will be sent back to TM1
        this._employeeUpdates.items.push({
            Scenario:       esResults.Scenario,
            Position:       e.model.Position,
            Employee:       e.model.Employee,
            EntityDept:     esResults.EntityDept,
            ProductLine_s:  esResults.ProductLine_s,
            Employee_m:     { ID: elemName },
            Value:          newValue
        });
 
        e.container.data("oldValue", newValue);
    }
},

And the datasource definition
this.ItemsDS = new kendo.data.DataSource({
    transport: {
        read: {
            url: this._url + "/EmployeeList",
            dataType: "json"
        },
        update: {
            url: this._url + "/TM1ViewWrite",
            dataType: "xml"
        },
        parameterMap: $.proxy(this._crudItemDS, this)                           
    },
    pageSize: 15,
    schema: {
       :     :    :    :    :

And finally the parameterMap (crud operations):
_crudItemDS: function (options, operation) {
    if (operation == "update") {
        if (this._employeeUpdates) {
            return { events: kendo.stringify(this._employeeUpdates) };
        };
    }
    return null;
},










Alexander Valchev
Telerik team
 answered on 08 May 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?