Questions on Kendo UI for jQuery Forum

1 answer

153 views

Neet to replicate jQuery draggable "snap to" demo

Hello,

We need to replicate the snap to boxes functionality that is available here:
http://jqueryui.com/demos/draggable/#snap-to

Does anybody have any demo to do this with Kendo?

We can do it with jQuery, but the problem is that it won't drag on the iPad and the Kendo one does work on the iPad.

Or what is it in Kendo, that makes the jQuery draggableobject work on mobile?

Thanks!

Drag and Drop

answered on 16 Mar 2012

1 answer

190 views

Refresh detail grid

I have a master/detail grid, editing rows is done by displaying a kendo window. When I close it I call myDataSource.fetch(). It works fine for the master grid/datasource (modifications done in the window are displayed in the grid); but it doesn't work when I edit a detail row (by calling myDetailDataSource.fetch()). Is it a bug or a normal behaviour?
(detail data can be refreshed by calling myDataSource.fetch() but in this case I lose the expanded row...)

Grid

answered on 16 Mar 2012

1 answer

28 views

feature request: event for filterActive filterInActive?

Hi,

We would like to listen to an event on our datasources.
If there are active filters, we would like to be notified, so we can display a filter warning icon on our page.

Likewise, when the filter is updated so there is no actualy filtering anymore, we should be notified as well allowing us to remove the warning icon.

This is important because the user needs to be aware he filtered his data.

Thanks very much!

David.

Data Source

answered on 16 Mar 2012

1 answer

731 views

How to control slider ticks?

What causes ticks to be shown or hidden?

When I use the following example code I have no ticks in generated code. But if I change .humidity width to 300px, ticks are back. Then if I add two parameters smallStep:100 and largeStep:1000 tick are not generated once again.

I understand that I can hide or show them using CSS, but I'm interested in having DOM as small as possible, without hundreds of hidden but unnecessary elements. Can ticks be disabled using some parameter?

Thank you so much for your time.

Example code:

<style>
.humidity {position:relative;width:100px;}
.humidity .k-slider-track {background:url('bg-slider-track.png') left center repeat-x;}
.humidity .k-slider-selection {position:relative;height:14px;background:#006fa7;opacity:0.2;}
.humidity .k-draghandle {position:absolute;top:-2px;width:9px;height:18px;background:url('/i/design/icon-slider-handle.png') no-repeat;}
</style>

<div id="rangeslider" class="humidity">
<input />
<input />
</div>

<script src="js/kendo.core.min.js"></script>
<script src="js/kendo.draganddrop.min.js"></script>
<script src="js/kendo.slider.min.js"></script>
<script>
$(document).ready(function() {
$("#rangeslider").kendoRangeSlider({
min: 0,
max: 10000,
selectionStart: 0,
selectionEnd: 5000,
showButtons:false,
tooltip:{
enabled:false
}
});
});
</script>

Slider

answered on 16 Mar 2012

0 answers

163 views

Listview databinding

Hi,
am trying to provide json databinding functionality to listview..am using your grid-page-methods-crud demo but it's not working.
The list is:

<ul id="Appointment_listview"></ul>

the script is:

<script type="text/javascript">

var listData = new kendo.data.DataSource({

transport: {

read: {

url: "Service.asmx/GetAppointment",

dataType: "jsonp",

data: { //additional parameters sent to the remote service

q: "javascript"

}

},

schema: { // describe the result format

data: "results" // the data which the data source will be bound to is in the "results" field

}

});

function mobileListViewDataBindInitFlat() {

$("#Appointment_listview").kendoMobileListView({

template: "<a href='details.aspx?id=${data.id}'>${data.subject}</a>",

dataSource: listData

});

}

</script>

and the web service is

Imports System.Web.Services

Imports System.Web.Services.Protocols

Imports System.ComponentModel

' To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.

' <System.Web.Script.Services.ScriptService()> _

<System.Web.Services.WebService(Namespace:="http://star1.com.au/")> _

<System.Web.Services.WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _

<ToolboxItem(False)> _

Public Class Service

Inherits System.Web.Services.WebService

<WebMethod()> _

Public Shared Function GetAppointment() As IEnumerable(Of AppointmentSummary)

Dim dt As DataTable = DataManager.Appointments_Get(SessionManager.AppID, SessionManager.UserID, Date.Now)

Dim var As New List(Of AppointmentSummary)

For Each dr As DataRow In dt.Rows

Dim apt As New AppointmentSummary

With apt

.id = dr("id").ToString

.subject = dr("Subject").ToString & " (" & CDate(dr("Start")).ToShortDateString & " " & CDate(dr("Start")).ToShortTimeString & ")"

End With

var.Add(apt)

Next

Return var.ToList

End Function

End Class

of course I finish off the script with:

<script type="text/javascript">

var app = new kendo.mobile.Application(document.body);

</script>

the page loads with the header & viewing the console I get this error

GET http:

//localhost:56634/main/Service.asmx/GetAppointment?callback=jQuery17106404353028628975_1331880114840&q=javascript&_=1331880115408 500 (Internal Server Error)

When I had the web service on the maindefault page I was getting javascript errors thta it couldn't find kendo object ?????

Any suggestions?

ListView (Mobile)

asked on 16 Mar 2012

0 answers

77 views

Working with Hours on valueAxis

I am working on a small grid to display workload on an hour basis (for now 6am to 10pm). I would like to be able to put the 'am' or 'pm' beside the hour but am having issues doing so. Anyone know a way of doing this?

Charts

asked on 15 Mar 2012

0 answers

66 views

Databinding Tabsrtip to xml

Hello,

Do you have any documentation on data-binding xml file to TabStrip widget.

Thank you,

TabStrip

asked on 15 Mar 2012

0 answers

132 views

Databinding to Google calendar

Hello,
We have recently obtained a copy of Kendo UI. I would like to data bind Kendo UI Calendar to our Google Calendar is there a way do this?

Thank you,

Calendar

asked on 15 Mar 2012

2 answers

78 views

Display issues with Q1'12 Beta and JSON data source

I've recently updated our application to use the Q1'12 Beta release, and this release introduced a chart display issue when loading data from a data source (JSON in our case). Previously, when loading JSON data, no chart would be drawn until the JSON data finished loading and the chart could be drawn with correct axes and labels. Also, the "loading" animated GIF placed in the chart container DIV was shown correctly until the chart was ready. In Q1'12, the chart grid is drawn before the JSON data has been fully downloaded. This results in a very unpretty display issue, because the chart's grid is first drawn with incorrect labels and incorrect axes, and only later being replaced with the correct chart. It would be great to have that old behavior again, to draw nothing until all data is available and the correct chart can be drawn.

Charts

answered on 15 Mar 2012

1 answer

85 views

Phonegap + Grid Column template button will not work

Hi There.
I´m testing with phonegap and kendo ui gendogrid. i have bild a grid with a button template. in a normal explorer the button work but if i compile it with phonegap the grid is displayed but the buttons an not clickable.
any suggestions ?

Here my sample :

 $("#grid").kendoGrid({
            columns: [{ field: "Name", title: "Name", template: '<input type=\'button\' value=#=Name# onclick =\'Index.Data.downloadFile(\"#=id#\",\"#=Name#\")\'/>' }, { field: "ChangedDate", title: "geaendert", format: "{0:dd/MMMM/yyyy}"}],
            schema: { model: {
                id: "id",
                fields: {
                    Name: { editable: false, type: "string" },
                    ChangedDate: { editable: false, type: "string"}
                }
            }
            }
        });

Grid

answered on 15 Mar 2012