Questions on Kendo UI for jQuery Forum

2 answers

270 views

Sub Title

I would like to add a sub title to a chart with different font styles than the title. Is this possible? I did some research on SVG foreignObject and tspan tags but had no luck getting those to work.

Charts

answered on 08 May 2012

6 answers

745 views

[Solved] How do you map remote JSON to the model?

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?

MVVM

answered on 08 May 2012

0 answers

144 views

HELP - Nested JSON

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
}
]

Data Source

asked on 08 May 2012

3 answers

153 views

Support a nested scenario?

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);

};

MVVM

answered on 08 May 2012

6 answers

669 views

CRUD with custom functions

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)};
                                    }
                                }
                            }

Data Source

answered on 08 May 2012

2 answers

353 views

[Solved] Scrolling a splitter pane

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

Splitter

answered on 08 May 2012

1 answer

140 views

kendo mobile json data calling problem

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

Application

answered on 08 May 2012

2 answers

83 views

KendoUI Mobile Examples Broken

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.

General Discussions

answered on 08 May 2012

1 answer

331 views

Console message: Resource interpreted as Image but transferred with MIME

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

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

    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

General Discussions