Questions on Kendo UI for jQuery Forum

4 answers

185 views

[Solved] Upload control requires additional tab...

The upload control 'Select...' button remains the focus for the duration of 2 tabs when included in a form with additional inputs.

The final output structure is as such and doesn't include any other form elements but the input[type=file] element

<div class="k-widget k-upload">

<div class="k-dropzone">

<div class="k-button k-upload-button">

<input name="photos" id="photos" type="file" data-role="upload" autocomplete="off" class="">

<span>Select...</span>

</div>

<em>drop files here to upload</em>

</div>

What is it about this that

Does not take into consideration the need for a tabbed interface where the button is a primary focus
Does not allow to implement 'focus' on said button

Please advise...

Upload

answered on 14 Mar 2013

2 answers

1.1K+ views

How to append <div> in my kendoWindow from parent window?

Hey Guys,

I am creating and opening a kendoWindow with the iframe property set to true which loads "chat.html" in the content. What I am trying to do is append a <div> inside the kendoWindow from the parent. On the parent page I can locate the window using var wnd = $("#window").data("kendoWindow"); just not sure how to append a div inside my kendoWindow using jQuery.

// Simply returns the <iframe> html
$("#window").html();

// This code doesn't append the div
$("#window #divTest").append("Some text");

Can anybody guide me in the right direction?

Thank You

Window

answered on 14 Mar 2013

2 answers

336 views

$(cell).index() INTERMITTENTLY returns the wrong cell index

EDIT: It's happening because the TD sometimes contains a DIV and the DIV, not the TD, becomes the target of the click event.

I posted this by accident in Window sub-forum.

It may be my error, or it could be a problem with the grid or jQuery. My code is shown below. I'm clicking on the same column, choosing a different row at random, and every so often, the wrong column-index is returned. I cannot figure out why it works most of the time, but not always. I'm clicking on a column whose index is 7. Sometimes zero is returned.

Also tried the following; cellindex and index() are not always in agreement.

function popup(e) {
          cell = e.target;
            var ix = $(cell).index();
           var ix2 = $(cell)[0].cellIndex;
           assert((ix == ix2), "index() and cellindex returning different values!");
}

function addCellClickEventListener() {

var grid = $('#grid').data('kendoGrid');

$(grid.tbody).on('click', "> tr:not(.k-grouping-row, .k-detail-row, .k-group-footer) ", function (e) {

popup(e);

});

}

function popup(e) {

var cell = e.target;

var ix = $(cell).index();

assert((ix != 0), "index must be greater than zero");

}

function assert(val, msg) {

if (!val) {

alert(msg);

return false;

}

return true;

}

Grid

answered on 14 Mar 2013

1 answer

113 views

Header label wrapping

Hi,

Is there a way to wrap the header label of the column

thanks
wisam

Grid

answered on 14 Mar 2013

1 answer

119 views

ios like home screen with icons, which scrolls horizontally

Hi
Being a new user of Kendo UI mobile, I am finding difficulties to develop an ios like home screen with icons, which scrolls horizontally for android. I am just using HTML5/CSS3 & default Kendo UI jquery. Couldnt find any suitable documentations or tutorial to come up with the solution. Any help would be appreciated.

a sample exactly what I want (though not done with KendoUI http://demo.tutorialzine.com/2011/10/ios-homescreen-coffeescript/ )

Thanks in advance.
Souvik Das

ScrollView (Mobile)

answered on 14 Mar 2013

1 answer

116 views

Constructing HierarchicalDataSource from different sources

Hi,
I am new to KendoUI and I would like to achieve something similar to what is accomplished in the odata-binding.html sample. The difference is that i would like to use a local datasource instead of a odata source for the second datasource (the product datasource in the sample). Is that possible or do I have to use odata for all datasources?
Thanks,
Marc

TreeView

answered on 14 Mar 2013

1 answer

302 views

Add Dynamic ListView to View

I want to dynamically add a list view to a view:

My view:

<div id="real-estate-2" data-role="view" data-layout="main" data-before-show="beforeShowRealEstate" data-show="realEstateListShow" data-hide="hideRealEstateList" class="real-estate-view">

</div>

Initialization code:

function realEstateListShow(e) {

e.view.content.append($('<ul class="real-estate-list-properties"></ul>'));

var viewID = e.view.id;

$(viewID + " .real-estate-list-properties").kendoMobileListView({

dataSource: new kendo.data.DataSource({

pageSize: 20, //defines page size. Required by the "Endless scrolling"

data: realEstateFormattedData

}),

template: $('#profile-list-item-template').text(),

endlessScroll: true,

scrollTreshold: 30 //treshold in pixels

});

}

This works, but when I try to scroll the list view it just clicks the list element and navigates away. The list view won't scroll.

If I have the <ul> element in the view before hand:

<div id="real-estate-1" data-role="view" data-layout="main" data-before-show="beforeShowRealEstate" data-show="realEstateListShow" data-hide="hideRealEstateList" class="real-estate-view">

<ul class="real-estate-list-properties"></ul>

</div>

this works fine and scrolling is perfect.

I am trying to focus on not having listviews after navigating away to improve memory management and user experience on low memory devices.

ListView (Mobile)

answered on 14 Mar 2013

3 answers

231 views

Kendo mobile with backbone, button click not working on iphone/ipad

I am using Kendo Mobile with Backbone. While the events described within Backbone views works perfectly in Desktop browsers, they do not work in iPhone/iPad.

var Home = Backbone.View.extend({
events : {
'click #new_idea' : 'addNewIdea'
},
.....
});
However, if I attach these events directly to the Kendo component, they seem to work fine in both desktop and mobile browsers. Like this:

$('#login_button').kendoMobileButton({
click : this.doLogin
});
Now, the first idea is anyway preferable to me as an application point of view. Can you please tell me what exactly happening here? Do I anyway need to use "tap" event here?

General Discussions