Questions on Kendo UI for jQuery Forum

0 answers

76 views

please remove this,
found what i was looking for here :http://www.kendoui.com/forums/ui/grid/grid-data-binding-to-xml.aspx

Data Source

asked on 27 Oct 2011

4 answers

180 views

Struggle with CREATE, UPDATE and DESTROY

I am trying to build a prototype consuming WebAPI services from KendoUI datasource based on the ContactManager sample which you can fin at:
http://wcf.codeplex.com/wikipage?title=Getting%20started%3a%20Adding%20support%20for%20getting%20a%20single%20resource%20and%20supporting%20POST%2c%20PUT%20and%20DELETE%20methods

Getting a dataSource and a bound grid populated with contacts is extremely easy based on the dpocumentatin on the Kendo web site bur I Struggle to add CREATE, UPDATE and DESTROY operations.

The approach I have taken is:
1) add create, update and destroy to the tranport array in the datasource definition
2) wire the click event of buttons to dataSource.create(), dataSource.update() and dataSource.destroy()

According to VS intellisense, dataSource.create() requires tow arguments named a and b. A quick look in the sources gives id and values which are passed to modelSet.create which calls model.set. Apparently, index is not required and in this case it assumes data.length. model.set takes two parameters fields and values. Whatwever the format I try for values, it does not seem to work.

Note that each contact has two properties, a ContactId set by the server InMemoryRepository and a Name.

Any clues?

01.<script type="text/javascript">

02. $(document).ready(function () {

03. // create a template using the above definition

04. var template = kendo.template($("#template").html());

05.

06. var dataSource = new kendo.data.DataSource({

07. transport: {

08. read: {

09. // the remote service url

10. url: "/api/contacts",

11. dataType: "json"

12. // additional parameters sent to the remote service

13. //,data: { $top: "4", $orderby: "Name" }

14. },

15. create: {

16. // the remote service url

17. url: "/api/contacts",

18. dataType: "json"

19. }

20. },

21. // subscribe to the CHANGE event of the data source

22. change: function () {

23. $("#contacts tbody").html(kendo.render(template, this.view())); // populate the table

24. }

25. });

26.

27.

28. $('#add').click(function () {

29. dataSource.create({Name: "hello"});

30. });

31.

32.

33. // read data

34. dataSource.read();

35.

36. //debugger;

37. });

38.</script>

Data Source

answered on 27 Oct 2011

3 answers

171 views

Newbie questions & problems

Hello everyone,

i am trying to add data from queries performed in php/mysql and return the data in within datasource, or maybe even other components of kendo UI. it was pretty easy to do a combo box fill in. however......

could i get help with that here?
I am currently cacthing up on ajax and other jquery functions and concepts, such that i am not "completely" naked on the subject.

all help is appreciated .

sebs.-

Data Source

answered on 27 Oct 2011

1 answer

146 views

Basic controls

Will it be possible to style the basic HTML controls (such as button etc.) with KendoUI?

Attached an example of "beautiful" styled HTML buttons which can be found in the Options Pane of Google Chrome.

Templates

answered on 27 Oct 2011

1 answer

169 views

Binding and the text value

Ok, so Combo functions like autocomplete right, you type, then see the items appear in the combo, then you click, one, and handle the change event right?

So how can I have my DS go and get a specific item, and have the combo update itself where it's change event is fired

Use-case is that I have a list of items I've previously found with the combo...just a UL\LI hanging out somewhere else on my page. So I want to click one of those and have it re-assigned to the combo (so then the combos change event is fired and my chain of events gets re-kicked off)

I can't seem to get it to work though...I can assign the .text or .value fine...but that doesn't affect the DS at all, and my change event is tied to this:

change: function (e) {

if (this._current) {

var item = this.dataSource.view()[this._current.index()];

Steve

ComboBox

answered on 26 Oct 2011

1 answer

92 views

Colouring an area between a min & max range?

Has anybody been able to colour an area between a min and max range? See attached image for an example.

I haven't been able to find this feature in the API, so I'm wondering if anyone has come up with a workaround.

Charts

answered on 26 Oct 2011

3 answers

156 views

Splitter controls getting confused

http://screencast.com/t/1YMhZMlyeum

$("#content-splitter").kendoSplitter({

orientation: "vertical",

panes: [

{ collapsible: true, resizable: true, size: "61px" }, //TOP MENU BAR

{ collapsible: true, resizable: true }, //Bottom Content Area

]

});

Splitter

answered on 26 Oct 2011

1 answer

117 views

[Solved] Making a Toolbar

Hi,

I would like to include in my application toolbar buttons.

Is there a way, using your k-classes, to construct a typical toolbar with image buttons and push down and up effects ???

Thanks in advance

General Discussions

answered on 26 Oct 2011

1 answer

133 views

ComboBox & Remote Data -> Displays Value

If I use the demo of the ComboBox with Remote Data (and also the controls on my site) and begin entering the display value of another option, it then replaces my entered text with the value of the option (instead of the display value).

So to reproduce this bug with the demo (Binding to remote data).

Select all text in the Combo Field
type Steve

-> Display Value (as example) = 13aly

ComboBox

answered on 25 Oct 2011

2 answers

765 views

remove or hide this page number

I am using virtual scrolling in the kendo ui grid .There is an page number displaying below in the page.I want to remove or hide this page number.Please help me on the same...

Grid

answered on 25 Oct 2011