Questions on Kendo UI for jQuery Forum

2 answers

213 views

I have a situation where I want to attach a persistent function to child objects of a view model after they are passed to the view model from the server, so ...

I am fetching it through a dataSource, that goes to the Kendo Multi-Select widget. The data looks like this ...

{

Name: "Some Object",

Other: "Some other Properties",

Tags: [

{

Name: "Tag1",

},

{

Name: "Tag2",

}

]

But I would like for it to look like this, once it is in my javascript.

{

Name: "Some Object",

Other: "Some other Properties",

Tags: [

{

Name: "Tag1",

onDelete: function(e){

//somethinghappens;

}

},

{

Name: "Tag2",

onDelete: function(e){

//somethinghappens;

}

]

Is there anything I can do to achieve this? I was looking at the "schema" feature of the dataSource.

MVVM

answered on 13 Nov 2013

1 answer

397 views

Drag and Drop in Circular Div target area

Drag from listview and drop in Circular target area (maybe using SVG etc it can be achieved)
I tried using CSS circle border-radius:50% but it just shows circle div , but actually its a rectangular div.

I am searching the solution from several days in your forum and other stackoverflow forums, but couldn't find solution for complete circular div area for drop (Using Drag and Drop)

Please let me know whether it is possible or not ?
If you want more detail of my question then I can create a jsfiddle for it.

Drag and Drop

answered on 13 Nov 2013

1 answer

221 views

How can I get just the array data out of KendoUI

So I'm using dataTables since I really like the functionaloty, but I'm having problems pulling the data.. only kendoUI can pull the data from a Yii url structure for instance this one url:"<?php echo Yii::app()->createUrl('gridData/dataContactLog?customer_id='.$model->id); ?>", so I just want to get data from kendoUI and put it in dataTables plugin thhanks!

Grid

answered on 13 Nov 2013

1 answer

144 views

Binding Tap events after loading information from dataSource.

I am following this demo:
http://demos.kendoui.com/mobile/scrollview/custom-template.html#/

What I am not able to figure out is how to bind a Tap event either after the new pages are rendered.

$('.batch-page .gallery-page .tile').kendoTouch({tap: function (e) {
alert('Hello")
}});

Normally I would just jquery's live on method, but I need the kendo tap binding.

General Discussions

answered on 13 Nov 2013

4 answers

315 views

dropdownlist with server binding is invisible when we have a default value, and visible when no value is set.

Hi there.

I have several dropdownlist boxes, and each box is populated serverside

<BR><div style="position:absolute; @(item.GetDataSizePos(true));

margin-top:0px;"><BR>

@Html.Kendo().DropDownList().Name(item.le.FieldId).BindTo(CaretakerPortal.App_Start.CaretakerHelpers.CreateSelectList(item.le.DropDownItems,

item.datavalue.IntValue.ToString())).Enable(true).OptionLabel("Vælg fra

listen").HtmlAttributes(new { @style = "width: 100%; height: 100%;" })<BR>

</div>

The CreateSelectList function returns a List<SelectListItem>
When the returned List<SelectListItem> got a default value (Selected=true), the dropdownlist is not visible, if there is not selected value, then the dropdownlist is visible.
In firebird developer screen, i can see it sets visibility: hidden when i got a value, and its not there when i dont have a value.
When i have a value for a dropdownlist - html code:

<span class="k-widget k-dropdown k-header" style="width: 100%;

height:

100%;" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="aktivitet_aprioritet_listbox" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-activedescendant="aktivitet_aprioritet_option_selected"><BR><span class="k-dropdown-wrap

k-state-default" unselectable="on" style="visibility: hidden; color:

rgb(153, 153,

153);"><input id="aktivitet_aprioritet" class="valid" type="text" value="A" style="width:

100%; height: 100%; display:

none;" name="aktivitet.aprioritet" data-role="dropdownlist"><BR></span>

Note the second <span>
And here is the html code when i dont have a value:

<span class="k-widget k-dropdown k-header" style="width: 100%;

height:

100%;" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="aktivitet_ansvarlig_listbox" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-activedescendant="aktivitet_ansvarlig_option_selected"><BR><span class="k-dropdown-wrap

k-state-default" unselectable="on" style="color: rgb(153, 153,

153);"><input id="aktivitet_ansvarlig" class="valid" type="text" style="width:

100%; height: 100%; display:

none;" name="aktivitet.ansvarlig" data-role="dropdownlist"><BR></span>

Im a missing something obvious?
Right now i will just create a standard combobox in html to get along, but would prefer to use kendo objects.
Thanks in advance
- René

DropDownList

answered on 13 Nov 2013

8 answers

140 views

Menu wrong display when bigger than screen

Hi,

I was surprised to see there is no possibility to have a scrollable menu when the rendered content is bigger than the screen.

Here is an example (the list starts at the letter B, but only items from P are displayed). Is there any way to access the hidden items?

Menu

answered on 13 Nov 2013

1 answer

179 views

Recurrence Editor always default language

I'm using kendoui Scheduler with a customized appointment editor (with MVC4 Razor).
All fields in the scheduler and in the editor window are in the correct language, except in the reccurrence editor - here all texts are still in default langauge english - alls fields part of "reoccurenceContainer" ?!

<div id="schedulerEventEditor">

<fieldset>

<div class="editor-label">

@Html.LabelFor(model => model.Title)

</div>

<div class="editor-field">

@Html.TextBoxFor(model =>model.Title, new {data_bind ="value: title"})

</div>

<div class="editor-label">

@Html.LabelFor(model => model.Description)

</div>

<div class="editor-field">

@Html.TextAreaFor(model => model.Description, new {rows = 5, cols=24, data_bind ="value: description"})

</div>

<div class="editor-label">

@Html.LabelFor(model => model.Start)

</div>

<div class="editor-field">

<input name="start" type="text" required data-type="date" data-role="datetimepicker" data-bind="value: start,invisible: isAllDay" />

<input name="start" type="text" required data-type="date" data-role="datepicker" data-bind="value: start,visible: isAllDay" />

</div>

<div class="editor-label">

@Html.LabelFor(model => model.End)

</div>

<div class="editor-field">

<input name="end" type="text" required data-type="date" data-role="datetimepicker" data-bind="value: end ,invisible:isAllDay" />

<input name="end" type="text" required data-type="date" data-role="datepicker" data-bind="value: end ,visible:isAllDay" />

</div>

<div class="editor-label">

@Html.LabelFor(model => model.IsAllDay)

</div>

<div class="editor-field">

<input type="checkbox" name="isAllDay" data-type="boolean" data-bind="checked:isAllDay" />

</div>

<div class="editor-label">

@Html.LabelFor(model => model.RecurrenceRule)

</div>

<div class="reoccurenceContainer">

<div class="editor-field">

<div data-bind="value: recurrenceRule" id="recurrenceEditor"></div>

</div>

</fieldset>

<script>

jQuery(function () {

$("\#recurrenceEditor").kendoRecurrenceEditor();

});

</script>

Scheduler

answered on 13 Nov 2013

4 answers

104 views

Error canceling event editor template with resource dropdownlist

Hi everyone,

    I have created an event editor template and I have added a resource dropdownlist as in this thread.

    http://www.kendoui.com/forums/kendo-ui-web/scheduler/how-to-create-editable-template-with-the-resource-.aspx

    But I think that occurs a bug when you open the event a second time and you close it with cancel button.

    For example:
1) You open the event window and you change the resourse. If you click Save button all is OK, the event move to selected resource.
    2) You open the same event. In resource dropdownlist the selected option is the updated resource.
    3) But if you click Cancel button then the event is moved to old resource in all views (day, week, month and agenda). The strangest thing is that in database doesn't occurs any update, it is the new value but in scheduler it is showed the old value.

    If you open another event all work correctly, the problem is only when you open a second time the same event and you click cancel.

Thank you
Regards

Scheduler

answered on 13 Nov 2013

1 answer

144 views

Kendo UI Web MVC Grid Control with Dropdown control in View mode

Hi...

Iam currently working on Kendo UI MVC Grid and have a couple of requirements mentioned below:

1) Kendo grid with a dropdown column in the view mode, i mean its not like the dropdown we see in the edit mode.
2) Dropdown in the grid should be filtered and loaded based on a row primary key data, it should make an ajax call to controller and populate the drop down after data filter.

I tried using the client template and foreign key columns, both the features only give dropdown in the edit mode and the data in the dropdown is loaded on Grid initialization and stored in view data, so no more hits to server after that. I couldn't find any sources for these couple of requirements i have.
It would be great if i can get some code snippets.
Thanks in advance...
-Naren

Grid

answered on 13 Nov 2013

5 answers

1.0K+ views

Validation in Grid column with client template

Hi,

I am trying to validate textboxes inside a grid column. This column is having different html controls depending on source data.
For example it can have textbox in one row and dropdown in next. I am able to achieve this using client template.
I want to validate inputs in textboxes. Validation can be different for each text box. It can be for number, max length and/or custom.
I am passing list of validation attributes in source data.

This is working good unless I click on any other grid cell having client template. As soon as I click such cell the validation message is disappering.

Any help on this is greatly appricated!

Thanks

Client template code -

01.sourceData

02.function CustomControlEditor(sourceData, defaultValue, templateType, controlType)

03. {

04.

05. if (sourceData != null && sourceData != '' )

06. {

07. var dd;

08. if (controlType == "Multiselect")

09. {

10. dd = "<select id= 'dd' multiple='multiple' onchange='SensorDropDownChanged(this,\"" + templateType + "\");'>";

11.

12. //get source data

13.

14. //get default values

15.

16. //populate list

17.

18. return dd;

19. }

20. else if (controlType == "Dropdownlist")

21. {

22. dd = "<select id= 'dd' onchange='SensorDropDownChanged(this,\"" + templateType + "\");'>";

23.

24. //get source data

25.

26. //get default values

27.

28. //populate list

29.

30. return dd;

31. }

32.

33. //textbox sourceData is list of validation attributes

34. else {

35.

36. var tb;

37.

38. if (defaultValue != null)

39. {

40.

41. tb = "<input id= 'tbText' type='text' value='" + defaultValue + "' onblur='SensorTextBoxChanged(this,\"" + templateType + "\");' " + sourceData + "/>";

42. }

43. else

44. {

45. tb = "<input id='tbText' 'tb' type='text' 'onblur='SensorTextBoxChanged(this,\"" + templateType + "\");' " + sourceData + "/>";

46. }

47. return tb;

48. }

49. }

50.

51.

52. }

Validation