This is a migrated thread and some comments may be shown as answers.
Using a third-party widget
1 Answer 11 Views
This is a migrated thread and some comments may be shown as answers.
Stephen
Top achievements
Rank 1
Stephen asked on 14 Jan 2012, 07:53 PM
I'm trying to use a grid column template to add a third-party widget to the cells of that column. So far, my best idea has been to template the column like so:

columns: [{
field: 'SKUId',
width: 150,
title: 'SKU',
template: '<div id="skulookup_#= promotionskuId #" onreadystatechange="PromotionalSKUs.setupSKULookup(this)" />'
    }]

The PromotionalSKUs.setupSKULookup method creates the widget like so:

function setupSKULookup(element) {
    if (element.readyState == "complete")
        $(element).lookup({});
}

However. This method never gets called. Is there some way for me to call a method to initialize my widget when the template is converted to HTML and added to the DOM?


1 Answer, 1 is accepted

Sort by
0
Rosen
Telerik team
answered on 16 Jan 2012, 09:43 AM
Hello Stephen,

In order to achieve similar to the described functionality, you may use Grid's dataBound event to find all of the elements over which the new widget should be instantiated. For example:


All the best,
Rosen
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Stephen
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Share this question
or