Questions on Kendo UI for jQuery Forum

2 answers

328 views

I have a group of checkboxes that I need to validate that at least 1 of them is selected. How do I go about doing this?

Code:

<div class="row-fluid">

<span class="span3">

<input type="checkbox" value="abc" />abc

</span>

<span class="span3">

<input type="checkbox" value="def" />def

</span>

<span class="span3">

<input type="checkbox" value="hij" />hij

</span>

</div>

<div class="row-fluid" id="button-bar">

<button>Submit</button>

</div>

var validator = $('.row-fluid').kendoValidator().data('kendoValidator');

$('#button-bar').on('click', 'button', function(e) {

if (!validator.validate()) {

alert("Failed");

return;

}

alert("Passed");

});

Thanks to anyone that can help me out on this.

Validation

answered on 15 Jul 2013

1 answer

484 views

kendo.all.min.js has error with Uncaught TypeError: Object 837475200000 has no method 'indexOf'

Hi,

I merge all Kendo UI JSP wrapper example (kendoui.jsp.2013.1.514.commercial) to my project and try to run grid examples. All are okay except column-reordering, remote-data, sorting, selection and column-resizing example. Only these 5 (out of 25) examples stuck at loading icon with the below error at kendo.all.min.js. I do not alter any of these examples and I observe the server returns json data correctly.

Firefox 20.0.1 error:
[09:34:51.671] TypeError: e.indexOf is not a function @ http://localhost:9080/Kraken/resources/js/kendo.all.min.js;jsessionid=067CC16FC8CAE8C453FE0B931AA7312E:9

Chrome 28.0.1500.71 m error:
Uncaught TypeError: Object 837475200000 has no method 'indexOf' kendo.all.min.js:9

Thanks.

General Discussions

answered on 15 Jul 2013

1 answer

178 views

Grid not loading data from JSON

My Kendo Grid is not displaying any of the data. I am trying to pull down JSON from a web method in an aspx page. I keep getting the never ending spinner. I am new to using these controls and am banging my head against my desk for a day now.

01.$('#grid').kendoGrid({

02. columns: [

03. {

04. field: "ClientName",

05. title: "ClientName"

06.

07. }],

08. dataSource: {

09. type: 'json',

10. serverPaging: true,

11. schema: {

12. data: 'd'

13. },

14. transport: {

15. read: function (options) {

16. $.ajax({

17. type: 'POST',

18. url: 'Service/GetGridInformation',

19. dataType: 'json',

20. data: '',

21. contentType: 'application/json; charset=utf-8',

22. serverPaging: true,

23. success: function (msg) {

24. options.success(msg.d);

25. }

26. });

27. }

28.

29. }

30. },

31. height: 200,

32. pageSize: 10

33.

34.

35.});

Grid

answered on 15 Jul 2013

1 answer

58 views

Does the Scheduler ever request more data?

It appears that the scheduler reads all events during initialization and does not request more data as you "page" through the calendar. Is this correct?

Scheduler

answered on 15 Jul 2013

1 answer

450 views

How to clear or reset to defult value when manual edit value not found in combobox value list

Hello -

Is there a way to clear manually entered value or reset to defult value in kendo combox when entered value not found in combbox value list. If yes would you give an example in razor please?

Thanks

ComboBox

answered on 15 Jul 2013

2 answers

77 views

Chart not reading from WCF returning JSON object

I've been trying to make this work, but it's been very frustrating.

I'm using these two Kendo demos to work with remote data: This one and the stockdata example seen here.

I've created two WCF services (framework 4.0) and each returns exactly the same JSON object (checked with fiddler2) that is returned in the services consumed above. The only difference between the Kendo demos and my examples is the service being called (mine is running in localhost).

Anything is helpful.

Thanks.

General Discussions

answered on 15 Jul 2013

1 answer

333 views

highlight list item and scroll to it

Hi

I currently use this code to highlight a list item (after updating) - however i would like to scroll (smoothly if possible) to the item as well as highlighting it.

Is there an elegant way to scroll the listview to a specific item, ive tried scrollIntoView of the html element but it messes up my fixed headers.

highlightRow: function (listView, field, value)

{

setTimeout(function () {

var items = listView.items();

for (var i = 0; i < items.length; i++) {

var ele = $(items[i]);

var uid = ele.data('uid');

if (pev.isGoodString(uid)) {

var item = listView.dataSource.getByUid(uid);

if (item != null && typeof item != 'undefined' &&

item[field] == value) {

ele.find('.list-item').highlight();

}

}, 500);

}

jQuery.fn.highlight = function () {

$(this).each(function () {

var el = $(this);

el.before("<div/>")

el.prev()

.width(el.width())

.height(el.height())

.css({

"position": "absolute",

"background-color": "#ffff99",

"opacity": ".7"

})

.fadeOut(3000);

});

}

ListView (Mobile)

answered on 15 Jul 2013

1 answer

115 views

Tabstrip with some static tabs and others loaded via AJAX?

I have a tabstrip with 5 tabs and want to have the content of the first two tabs be static but the final 3 be loaded via ajax when clicked on. Is this possible and if so how?

TabStrip

answered on 15 Jul 2013

1 answer

170 views

Embed a Grid in a TabStrip

I think this should be simple, I just can't quite seem to get it. I have a TabStrip which I want to embed a grid into one of the tabs. The grid should load dynamically from AJAX. I have both working independently, but when I try to put the Grid into the TabStrip, I get no content. I can see in firebug there is never a request being made for the content.

01.@(Html.Kendo().TabStrip() _

02. .Name("tabstrip") _

03. .Items(Sub(tabstrip)

04. tabstrip.Add().Text("Delivery Tickets") _

05. .Selected(True) _

06. .Content(Sub()

07. Html.Kendo().Grid(Of DeliveryTicketDisplay) _

08. .Name("Grid") _

09. .Columns(Sub(c)

10. c.Bound(Function(x) x.DeliveryTicketID)

11. c.Bound(Function(x) x.TicketDate)

12. c.Bound(Function(x) x.CustomerID)

13. c.Bound(Function(x) x.Location)

14. End Sub) _

15. .DataSource(Sub(dataSource)

16. dataSource _

17. .Ajax() _

18. .Read(Function(reader) reader.Action("List", "DeliveryTicket", New With {.CustomerID = Model.CustomerID}))

19. End Sub)

20. End Sub)

21.

22. tabstrip.Add().Text("Contacts") _

23. .LoadContentFrom("List", "Contact", New With {.CustomerID = Model.CustomerID})

24. End Sub)

25.)

Grid

answered on 15 Jul 2013

1 answer

100 views

Grid Toolbar

I have a grid and I added a custom button, I want that button to call a function in my controller and pass the selected value in my dropdownlist. I can get it to call the controller correctly but I can't get the additional data I need to be sent as well.

.ToolBar(commands => commands.Custom().HtmlAttributes(new { id = "SendEmailStatements" })

.HtmlAttributes(new { @CLASS = "sendBtn" })

.Text("Send")

.Action("SendBuyerEmailStatements", "Home", new { DayendCycle = SelectedDayendCycle})

)

SelectedDayendCycle is a javascript function that will return the selected item from the dropdownlist but it isn't recognized.
I was hoping I could do the same thing I do in the grid.

.Read(read => read.Action("BuyerEmailStatementsGrid_Read", "Home").Data("SelectedDayendCycle")

Grid

answered on 15 Jul 2013