Questions on Kendo UI for jQuery Forum

1 answer

108 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

157 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

92 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

4 answers

108 views

ajax calls in ios build

hi
after making my app work just fine in android , using icenium and kendo ui, i am having difficulties to do the same in apple devices.
basically i am using kendo datasource to read data from web service and update it.
it is looks like it ignoring $.get functions without alerting. any ideas why? what do i miss?
i set already the <access origin="*"... tag in config .xml but it still doesn't work
regards
maor

General Discussions

answered on 15 Jul 2013

0 answers

104 views

IE10 Crash with Kendo Editor

Hi, i have the problem with Kendo Editor and IE10. I have a page with Editor. When i type the text and trying to make it bold or change size the IE10 throws the exception below and reopen itself. The same is occured if i have already the text in the Editor and just click in the body.
Anyone has the same issue?

Problem signature:
Problem Event Name: APPCRASH
Application Name: IEXPLORE.EXE
Application Version: 10.0.9200.16635
Application Timestamp: 51b7a921
Fault Module Name: MSHTML.dll
Fault Module Version: 10.0.9200.16635
Fault Module Timestamp: 51b7b287
Exception Code: c0000005
Exception Offset: 00b79f02
OS Version: 6.1.7601.2.1.0.272.7
Locale ID: 2057
Additional Information 1: 0a9e
Additional Information 2: 0a9e372d3b4ad19135b953a78882e789
Additional Information 3: 0a9e
Additional Information 4: 0a9e372d3b4ad19135b953a78882e789

Editor

asked on 15 Jul 2013

2 answers

760 views

show the loading in button manually

Hi,

How can I make the button shows the "loading.." when I click on a custom command button?

Thanks.

Grid

answered on 15 Jul 2013

3 answers

81 views

Resources template # problem

Hi,
I have problem with template for grid. When I get text from resources *.resx i recive "ó" in every place where is "ó" liter.
And because there is # i get invalid template. Can someone have this problem and know some solution?

Templates

answered on 15 Jul 2013

1 answer

246 views

Kendo Grid Infinite Spinner

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.

$('#grid').kendoGrid({
columns: [
{
field: "ClientName",
title: "ClientName"

}],
dataSource: {
type: 'json',
serverPaging: true,
schema: {
data: 'd'
},
transport: {
read: function (options) {
$.ajax({
type: 'POST',
url: 'ServiceMonitoring.aspx/GetGridInformation',
dataType: 'json',
data: '',
contentType: 'application/json; charset=utf-8',
serverPaging: true,
success: function (msg) {
options.success(msg.d);
}
});
}

}
},
height: 200,
pageSize: 10

});

Grid

answered on 15 Jul 2013

9 answers

802 views

Loading animation is not showing

Hello.

I am trying to show loading popup when a user logs-in to the system. The popup shows up OK, but the circle animation does not show like the example does. How can I show it? My code is below:

$("#loginButton").click(function ()
{
.....
kendoMobileApplication.showLoading(); //show loading popup
var url = "some url";
$.post(url, { UserName: username, Password: password },
function (result)
{
kendoMobileApplication.hideLoading(); //hide loading popup
...
}
Regards.

Application

answered on 15 Jul 2013

2 answers

761 views

Hide the Toolbar

Hi,
I had a requirement that,in a grid I have the Tool bar which contains two custom created buttons (search,delete) .I need to disable the toolbar by default and need to enable when user clicked 'Edit' button and this Edit button is not a part of grid.
I am using kendo ui web,Framework .
It would be a great help if you suggest me with sample codes in jsfiddle or jsbin.Thanks in Advance.
MyTemplate:
$("#UseGrid").kendoGrid(
{
dataSource : DataSource,
editable : true,
height : 260, //Need to disable this toolbar and enable it by clicking grid independent Edit button
toolbar:'<div id=\"toolbar\" class=\"toolbar\"><button class=\"k-button\" id=\"search1\" title=\"Search\" onclick=\"openSrch(this);\"/><button id=\"deleteButton\" class=\"k-button sg-button-icontext view-delete\" title=\"Delete\" onclick=\"deleteRow();\"/></div>',

columns : [
{
field : "select",
title : "Select",
width : "16%",
template: "<input type='checkbox' class='checkbox' />"
},
{
field : "name",
title : "Name",
width : "35%"
}]
});

Regards,
Winds

Grid

answered on 15 Jul 2013