Hi,
I read many threads about configuring custom popup editor in KendoUI Grid like this one.
http://www.telerik.com/forums/custom-popup-editor-with-additional-fields
I also found how to use a separate html file and use it as a template. However, I didn't find how to use javascript to access model inside this template. The answer il always to implement edit event to access model and change behavior. In my case, fields shown changes depending on many criterias like: Field 1 ID is 1 or 2 and Field 2 ID is 4 for example.
If it is possible to use AngularJs, it is better :-)
Thank you
4 Answers, 1 is accepted
Have you checked the following examples:
Regards,
Alexander Popov
Telerik
Rank 1
Hi,
I didn't see those examples and I will try this. It seems to be exactly what I'm trying to do.
Thank you for your help
Rank 1
Hi,
I have some problems with dropdownlist. In the template, I have:
<div class="k-edit-field"><input name="AssignmentType" data-value-field="AssignmentTypeId" data-text-field="Description" data-source="assignmentTypeDataSource" data-bind="value: AssignmentType" kendo-dropdownlist data-role="dropdownlist" /></div>
In angular, I have:
$scope.assignmentTypeDataSource = new kendo.data.DataSource({
data: [
{ AssignmentTypeId: 1, Description: "Instructor" },
{ AssignmentTypeId: 2, Description: "Assistant Professor" }
]
});
If I remove data-value-field and data-text-field, dropdownlist is filled with 2 lines [object Object]
When I does not remove these attributes, the dropdown is not filled (show no entry).
Note: my model column is AssignmentType (object like assignmentTypeDataSource containing AssignmenTypeId and Description). I tried before with binding to remote data, but I tried this binding only to simplify the code and find the problem...
Thank you
Rank 1
Hi,
I found the problem. I was using
data-text-field and data-value-field instead of
k-data-text-field and k-data-value-field.
Thank you