This is a migrated thread and some comments may be shown as answers.

Using kendo immediately after an .append()

1 Answer 144 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Kirk asked on 12 Jun 2013, 08:18 PM

I am attempting to load a file with ajax. Once the content is loaded, I want to impose the kendoComboBox() function to all items that are classed as "drop-list"
Just with this code (I can supply more if necessary) are there any errors you see?
Below is the javascript that pull the .htm (below the first block of code)
Grid and Chart are able to activate.
The combo box doesn't, nor does date-range,

if ($(e.target).parent().hasClass('hb-hasView') ){

hb.addTab({text:$(e.target).text(),content:'<br>'});

var view = 'views/'+$(e.target).parent().attr('hb-view')+".htm";

$.ajax({url: view})

.success(function(html){

$('#tabSet div:last-child').append(html);

$('#tabSet div:last-child').children().each(function(){

var $this = $(this);

if ( is('drop-list') ){

$this.kendoComboBox();

}

if ( is('date-range') ){

$this.kendoDateTimePicker();

}

if ( is('grid') ){

$this.kendoGrid();

}

if ( is('chart') ){

$this.kendoChart();

}

function is(DOMclass){

return $this.hasClass(DOMclass);

}

});

}

<form>

<div>

Start Time<input class="start date-range" value="10/10/2011" hb-for="*"/>

End Time<input class="end date-range" value="10/10/2011" hb-for="*"/>

</div>

<div class="search-button"><input type="submit" value="Search" hb-for="*"/></div>

<div class="search-button"><input type="submit" value="Reset" hb-for="*"/></div>

<details id="aopt-title">

<summary>Advanced Options</summary>

<div id="advanced-options">

<label class="ddl1">

<div>Purchase Type:</div>

<select id="test1234" class="drop-list" hb-for="*">