Questions on Kendo UI for jQuery Forum

1 answer

196 views

Kendo tree list two way data binding angular js

I have to create the kendo ui tree list with two way data binding. I have try with the kendo grid which is working but for kendo tree list it is not working. Please let me know if i am missing anything.
Kendo grid example :- http://dojo.telerik.com/OvUxU/2
Kendo tree list example :- http://dojo.telerik.com/@vinay/arAwo

TreeList

answered on 20 Apr 2016

3 answers

470 views

Locked grid rendering problem in Kendo Window

Hi Kendo,

I'm having rendering problem for Kendo grid with locked columns inside of Kendo window - the grid columns looks squashed together. See this plunk for problem demo.

In addition, on Kendo window restore, the grid gets squashed again - although I'm unable to reproduce it in the plunk. In my system, when I put a break point on the resize event function, I can see that when the kendo window is restored, my window content seems to be gone, and the window has a very tiny size.

help please!

ps. There are maximize, minimize event, but how come there's no event on restoring?

Ama

Window

answered on 20 Apr 2016

1 answer

302 views

Saving Kendo CheckBoxFor checked values separated by comma

I have three checkboxes defined as below in my cshtml file:

@(Html.Kendo().CheckBoxFor(e => e.Fruit)
.Name("FruitApple")
.Label("Apple"))
<br />
@(Html.Kendo().CheckBoxFor(e => e.Fruit)
.Name("FruitBanana")
.Label("Banana"))
<br />
@(Html.Kendo().CheckBoxFor(e => e.Fruit)
.Name("FruitCherry")
.Label("Cherry"))

Where Fruit is the property which is defined in my model class as below:

public string Fruit { get; set; }

I want all the checked checkboxes label text to be separated by comma and assigned as string value to my property 'Fruit'.
For eg: If checkbox for Apple and Cherry is checked. I want to assign Fruit as Apple, Cherry.

But when I run my code, property Fruit is empty.

How can I get this behavior?

Thanks!

General Discussions

answered on 20 Apr 2016

1 answer

207 views

Kendo Grid Detail Template Dynamic with AngularJs

Hi,

I want to use a different template according to model for Detail Grid. I saw 2 links with similar expecting features for this. The first one didn't render anything and the second one render the template, but my AngularJs ng-show is not working. When I use the template 1 (I have 3 templates) directly (to see the results, it works). So, it is only when I use it in the directive that it does not work.

Simple Solution

AngularJs Directive

Any idea?

Thank you

Grid

answered on 20 Apr 2016

1 answer

425 views

Kendo Grid Custom Popup Dynamically Created

Hi,

Is it possible to create the custom popup editor dynamically? I have a grid merging different objects would like like to change popup editor dynamically. Usually, I used this form and it works fine:

editable: {

mode: "popup",

template: kendo.template($("#allRequestEditGridTemplate").html()),

confirmation:"@Html.Raw(@LocString["STR_DeleteConfirmation"])",

},

However, I would like use something like this and it does not work. I got correct template shown, but no update button....

edit: function (e) {

var editWindow = this.editable.element.data("kendoWindow");

if(e.model.CategoryType == 1 /*Document*/)

{

editWindow.content($("#docEditTemplate").html());

}

else if(e.model.CategoryType == 2 /*Piping*/)

{

editWindow.content($("#pipingEditTemplate").html());

}

Thank you for your help

Grid

answered on 20 Apr 2016

2 answers

132 views

Scheduler UI corrupt

Hi

Please see screen attached. Any ideas why this may occur. I am looking for any pointers, as a starting point for my research.

Regards

Scheduler

answered on 20 Apr 2016

6 answers

680 views

Validate Min/Max checkbox count

Hi,

I have a survey app where I need to validate if the number of checked checkboxes is in the valid interval.
The min/max values are set in an admin interface and are available as data attributes of the input field.
The fields also have a data attribute which stores the question id which they belong to, so they can be filtered by question.

So basically it looks like this:

<input type="checkbox" value="option1" data-question="1" data-min="1" data-max="3">

<input type="checkbox" value="option2" data-question="1" data-min="1" data-max="3">

<input type="checkbox" value="option3" data-question="1" data-min="1" data-max="3">

<input type="checkbox" value="option4" data-question="1" data-min="1" data-max="3">

<input type="checkbox" value="option5" data-question="1" data-min="1" data-max="3">

What would be the best practice to handle this?

Best Wishes,
Matt

Validation

answered on 20 Apr 2016

3 answers

283 views

Adding preset buttons to toolbar template

I have the following toolbar template:

<script type="text/x-kendo-template" id="template">

<div class="toolbar" style="float: left">

<label class="customers-label" for="customers">Filter details by customer:</label>

<input type="search" id="customers" style="width: 150px"/>

</div>

<div class="toolbar"">

<label class="shops-label" for="shops">Filter details by shop:</label>

<input type="search" id="shops" style="width: 150px"/>

</div>

</script>

I include it as follow in my grid:

rowTemplate: kendo.template($("#rowTemplate").html()),

But I also want the following buttons to be part of it:

toolbar: [{ name: "create" },{ name: "save" }, { name: "cancel" }],

How do I combine the 2, I have tried various ways, but to no avail. I also have a similar situation with the rowtemplate where I want to include the buttons for edit and destroy.

I have to add that I am pretty new to kendo and I looked at the available documentation but I cannot find an answer. Any help would be appreciated.

Grid