Questions on Kendo UI for jQuery Forum

3 answers

1.4K+ views

Hi,

Can we specify width for individual columns in column definition? I tried giving width in definition this way:

_SearchColumns = [{
            field: "docId",
            title: "DOC ID",
           width: "100px"
        },{
            field: "docType",
            title: "DOC TYPE",
           width: "80px"
        }]

But, it is working only when i give scrollable true. I dont want to give scrollable true. Just want to adjust the column widths as there are so many columns in the grid.Also when the width is getting applied, the text is getting cropped. Is there any option to resize the column so that the text becomes visible? Please suggest.

Thanks,
Khushali

Grid

answered on 16 Mar 2012

2 answers

447 views

Change default text in grid filter menu

Hello,

How I can replace the default text in the filter menu? i.e. 'and', 'or', 'is equal to', etc, to: 'y', 'o', 'igual a', etc (spanish).
Thanks

Grid

answered on 16 Mar 2012

1 answer

6.6K+ views

Datasource "success" event?

I'd like to display a message when the changes of a datasource are successfully saved in database, is there a 'success' event as the 'error' event?

Data Source

answered on 16 Mar 2012

0 answers

68 views

How to set height of the grid component according to number of records on it?

i have one grid with the following setting height :500px , pageSize: 10 scrollable: false & pageable: true

That grid contains 13 records.

means

first page contains 10 records and second page contains 3 records but on second page after 3 record , it displaying blanks area or white spaces on it.

is it possible to set automatically or dynamically height of grid according to number of existing records?

Please assist me to resolve this issue.

Thanks in Advance.

Grid

asked on 16 Mar 2012

1 answer

311 views

Vertical Menu

Hi Is there a way to make the menu vertical?

Thanks~

Menu

answered on 16 Mar 2012

1 answer

183 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

225 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

41 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

754 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

186 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