Questions on Kendo UI for jQuery Forum

3 answers

917 views

Hi,

Is there a way we could add "autocomplete=off" to the date and time input fields? We simply don't want the field to be auto-completed using previously entered values.

Thanks

DatePicker

answered on 25 Jan 2013

4 answers

80 views

PullToRefresh argument undefined

Hi,

I've a problem with the 'pullToRefresh' feature of the mobile listview.

$("#posts").kendoMobileListView({

pageSize: configPageSize,

dataSource: ds,

template: kendo.template($("#tmpl-post").html(), {useWithBlock:true}),

endlessScroll: true,

scrollTreshold: 30, //treshold in pixels

appendOnRefresh: true,

pullToRefresh: true,

pullParameters: function(item) {

//additional parameters

return {

since: item.CreatedOn,

page: 1

};

},

click: function(e) {

//writeLog($(e.target).closest('li').attr('id'));

}

});

'item' parameter of pullParameters function is UNDEFINED. Why is this happening? Am I doing something wrong?

Thanks for help.
Bastien

ListView (Mobile)

answered on 25 Jan 2013

1 answer

156 views

Scrollview within a part of the content of a page

Is there a way to have a scrollview that is only a portion of the content (not within the data-role=header/footer) of the view, and the rest of the view content being something else?

Assume that I have two portions within my view:

<div id="id1">....</div>
<div id="id2"></div>

and I set (in code) id2 to be a kendoScrollView, it seems that the scroll-view wrapper that kendo creates, includes id1 within it as well, but I only want id2.

Is this possible?

ScrollView (Mobile)

answered on 25 Jan 2013

1 answer

137 views

Modalview + Textarea + Keyboard open/close (bug?)

Hi,

I've a very strange behavior trying to close the keyboard when closing a modalview.

My modalview is like this:

<div id="modalview-create-post" data-role="modalview" style="width:100%;height:100%;" data-open="showCreateNewPost" data-init="initCreateNewPost">

<div id="modalview-post-content">

<div>

<a id="new-post-cancel" data-click="closeCreateNewPost" data-role="button">Cancel</a>

<a id="new-post" data-click="createPost" data-role="button">Post</a>

<span id="new-post-count"></span>

</div>

<textarea id="new-post-txt" class="watermark" counterSelector="#new-post-count" ></textarea>

</div>

function closeCreateNewPost() {

forceBlurTextarea($('#new-post-txt'));

$('#modalview-create-post').data('kendoMobileModalView').close();

}

function forceBlurTextarea(textarea) {

    $(textarea).val($(textarea).text());

    var cssClass = $(textarea).attr('class');

    $(textarea).attr('class', cssClass.replace("unwatermark", "watermark"));

}

As you can see, my modalview contains a textarea and a cancel button to close the modalview. The cancel button is not at the same HTML-DOM level as the textarea.

The first time I open the modalview, click inside the textarea (to make the keyboard appear) and then click on cancel to close the modalview, all is going well => modalview closes, keyboard automatically disappear

The 2nd time I do this, the modalview also closes BUT the keyboard stays visible!

Now if I put the 'cancel' button JUST AFTER the textarea (at the same HTML-DOM level as the textarea), it's working every time.

Do you have an explanation on why this is happening?

By the way, does it give a function to programmatically open/close the keyboard?

Thanks for your support.
Bastien

ModalView

answered on 25 Jan 2013

1 answer

102 views

Chekbox in grid editable row

Hi,

I have a GridView which is populated from the database.
Each row in the GridView can be edited.

One column in the GridView bound to boolean (bit) filed ("IsEnabled").
When Grid row is in edit mode this "IsEnabled" filed is changed to checkbox.

I would like the change checkbox with image (two images, one for checked state, another for the unchecked state).
Is that possible and how to do it?

Tnx,
Siam

Grid

answered on 25 Jan 2013

4 answers

226 views

Jquery 1.7.2 compatibility

Is there any information about Jquery 1.7.2 compatibility?
Can we move to this release safely?

General Discussions

answered on 25 Jan 2013

12 answers

774 views

Can't drag column headers to group by

I've created a grid with Ajax datasource and set 'Groupable()', but when I try to group by the first column (a text field), the field has the circle with a cross icon (not allowed) and can't be dropped in the 'Drag a column header here....' area.

I have also set grouping to default to the first columns, which works, but if I remove that grouping (by clicking on the close icon for the column header), grouping is cancelled and I can't drag it back.

Grid

answered on 24 Jan 2013

1 answer

288 views

proper cross-browser CSS to set font-size of grid column headers

.k-grid-header {font-size: x-small !important;}

works fine in IE but I'm not having any success with Chrome, FF, or Opera. What is the proper cross-browser CSS to set the font-size of the header?

Thanks

Grid

answered on 24 Jan 2013

2 answers

529 views

Uncaught TypeError: Object function (e,t){return new st.fn.init(e,t,X)} has no method 'sub'

Just upgraded to jQuery 1.9.0 and now I'm getting this error.

Uncaught TypeError: Object function (e,t){return new st.fn.init(e,t,X)} has no method 'sub'

<link rel="stylesheet" type="text/css" href="../../Content/kendo/2012.3.1114/kendo.common.min.css" />
<link rel="stylesheet" type="text/css" href="../../Content/kendo/2012.3.1114/kendo.blueopal.min.css" />

<script src="../../Scripts/jquery-1.9.0.min.js"></script>
<script src="../../Scripts/kendo/2012.3.1114/kendo.web.min.js"></script>

General Discussions

answered on 24 Jan 2013

1 answer

91 views

Cannot provide a number as a key in JSON - get an "Unexpected number" error.

Hello,

If I provide this simple data to a chart, the chart data shows up correctly.

var data = [

{"state":"NY","abc":12312},

{"state":"AZ","abc":12312},

{"state":"CA","abc":12312},

{"state":"VT","abc":12312}

];

Please note that the above JSON has STRINGS for the keys.

However, if I provide a number as a key, I get an "Unexpected number at line number 2156" error.

var data = [

{"state":"MH","1":12312},

{"state":"MH","1":12312}

];

Any help?

Charts

answered on 24 Jan 2013