Questions on Kendo UI for jQuery Forum

2 answers

129 views

kendoComboBox function changes input value in Internet Explorer 9

Please look at this example:

http://jsfiddle.net/DzM8A/4/

It changes input into combo box. By default, value of input is empty. After kendoComboBox, value is "null" as string. Can you explain why?

ComboBox

answered on 25 Jul 2014

3 answers

645 views

Upload duplicates items upon after selecting files

Hi sorry for duplicating my post, but I can't post a reply on my first previous post.

below are the details. Thanks.

I updated my Kendo from 1.416 to 2.716 (yes, I skipped the updates for a long time.).
So, I have this 100% working Kendo Upload(w/ v 1.416), after updating to v.2.716 the files are being duplicated after selecting items.
Codes are basic Kendo Upload async inside a tabstrip for aspnet mvc(razor).
Please let me know if there are issues with Upload inside Tabstrip because my other Upload are working fine outside the Tabstrip.

Please refer on the sample code below.

Edit.cshtml

01.@model MyModelMain

02.@if (Model.Id != 0)

03. {

04. @(Html.Kendo().TabStrip()

05. .Name("MyItems")

06. .Items(items =>

07. {

08. items.Add().Text("Item1")

09. .Selected(true)

10. .Content(@<div>@Html.Action("Index", "Item1Controller", new { ItemId = Model.Id })</div>);

11. items.Add().Text("Item2")

12. .Selected(false)

13. .Content(@<div>@Html.Action("IndexItem2", "Item2Controller", new { ItemId = Model.Id })</div>);

14. }))

15. }

Item2Controller.cs

01.public class Item2Controller : BaseManagementWithModelController<MainModel,long,MyModelMain,MyModelMain>

02.{

03.

04. /*constructor here*/

05.

06. public ActionResult IndexItem2(long Id)

07. {

08. var entity = new ItemModel();

09. ItemViewModel model = new ItemViewModel();

10. entity = service.Get(Id);

11.

12. model = mode.MapFrom(entity);

13.

14. return View("IndexItem2",model);

15.

16. }

17.}

IndexItem2.cshtml

01.@model List<ItemViewModel>

02.

03.@(Html.Kendo().Upload()

04..Name("Item2Upload")

05.

06..Async(x => x.AutoUpload(false)

07. .Save("UploadImage", "Item2Controller", new RouteValueDictionary

08. {

09. {Constants.ItemId, TempData[Constants.ItemId]}

10.

11. }))

12..Events(x => x

13. .Select("uploadItem2Image_onSelect")

14. .Complete("uploadItem2Image_onSuccess")

15.)

16..Multiple(true))

17.

18.@if(Model != null && Model.Count() > 0)

19.{

20. foreach(var itemImages in Model.OrderyBy(x => x.Id))

21. {

22. <img src ='@images.ImagePath' />

23. }

24.}

I tried to duplicate the scenario on this example, but i failed.

Please see the filed attached on this for reference.

Upload

answered on 25 Jul 2014

1 answer

139 views

some MVVM click bindings don't work

Using Kendo UI version 2014.1.528

I have the following scenario (simplified):

<script type="text/x-kendo-template" id="tmpl">
<div class="list-group-item-heading" data-bind="click: OnClick1">
${DisplayName1}
</div>

<div class="list-group-item-heading" data-bind="click: OnClick2">
${DisplayName2}
</div>
</script>

<div class="list-group" data-bind="source: GetData" data-template="tmpl">
</div>

in which case the first click works as expected and calls OnClick1. however, the second click and any following click-bindings do not work at all.

any idea of what might be the issues

MVVM

answered on 25 Jul 2014

3 answers

134 views

kendo-drop-down-list: Unable to get property '$$phase' of undefined or null reference

Hi everyone,this error happens in digest(scope) function, scope.$root is null. I have a drop down that is nested into a double ng-repeat.At the same level I have a kendo-date-picker that is working properly.I'm using: Kendo UI v2014.2.716

DropDownList

answered on 25 Jul 2014

2 answers

83 views

[Solved] Filtering Grid 'observable' error

Hello,

I have a grid which should implement server filtering. My problem is: As soon as I activate any column to be filterable I get the following error-message:
Object doesn't support property or method 'observable'

I think I miss something. Is there anything I need to reference or are my grid-settings somehow wrong? Here is my grid (Using the latest verstion of KendoUi Professional):

$("#grid").kendoGrid(

{

dataSource: {

transport:

{

read: function (options)

{

var gridOptions = options.data;

$.ajax({

type: "POST",

url: url,

data: JSON.stringify({ gridOptions: gridOptions }),

processData: false,

contentType: "application/json; charset=utf-8",

dataType: "json",

xhrFields: {

withCredentials: true

},

async: false,

success: function (data)

{

var resultSet = eval('(' + data.d + ')');

var returnValue = resultSet.Value;

if (resultSet.HasMoreData)

returnValue.total = (options.data.page - 1) * options.data.pageSize + resultSet.Value.length + 1;

else

returnValue.total = (options.data.page - 1) * options.data.pageSize + resultSet.Value.length;

options.success(returnValue);

},

error: function (e)

{

alert(e);

}

});

}

},

schema: {

total: 'total',

model: {

fields: {

datefield: { type: "date" }

}

},

pageSize: 20,

serverPaging: true,

serverFiltering: true,

serverSorting: true

},

filterable: true,

pageable: {

numeric: false,

messages: {

display: "{0} - {1}"

}

},

dataBound: OnDataBound,

columns: [

{

field: "datefield",

title: "Date",

format: "{0:MM/dd/yyyy}"

}]

});

I hope someone can help me. Without the filtering-option everything works fine!

Thank you,
Best regards

Grid

answered on 25 Jul 2014

1 answer

903 views

Submit button not firing

Hi
I've been asked this by another developer but have no idea what the answer is

Here we have a form with a submit button. When the button is a Kendo mobile button the form does not submit, when the kendo javascript is removed it does?
I assume preventDefault() is getting called somewhere but not sure why?

We have a workaround, just submit via javascript, but would be interested to know why

thanks

<form action="/EmployeeKiosk/Settings" id="form1" method="post" name="form1">
<select id="Platform" name="Platform">
<option selected="selected">Mobile</option>
<option>Desktop</option>
</select>

<button id="acceptButton" type="submit"></button>
</form>

<script>
$('#acceptButton').kendoMobileButton();
$( '#Platform' ).kendoDropDownList();
</script>

Button (Mobile)

answered on 25 Jul 2014

1 answer

863 views

Hidden field value null on save click CustomEditorTemplate

Hello,

I am using the CustomeditorTemplate sample and adding my Project specific fields. My requirement is in custoeditoetemplate ObjectID should be hidden field and another textfield for description and on a button click i choose object from a popup window and populate description and hidden field ObjectID. On save should get objectid and description both.
But with hiddenfield ObjectID is always null . So i tried ObjectID as TextBox and populate a dummy text 'hello' on button click. Interesting to see the 'hello' in the TextBox but when i click save ObjectID is null. But if i edit hello to hello1 or something just Need to edit and then click save then i get Objectid value.

Why so, populating in jquery does not make textbox dirty ?
here is the customeditortemplate code

< script>

function TestClick(e) {
$('input[name="txtObjectID"]').val('hello');
};

< /script>
< div class="k-edit-label">
@(Html.LabelFor(model => model.ObjectID))
< /div>
< div data-container-for="ObjectID" class="k-edit-field">
@(Html.TextBoxFor(model => model.ObjectID, new { @class = "k-textbox", data_bind = "value:ObjectID",Name="txtObjectID" }))
< input class="k-button" id="searchBtn" style="width:20px" type="button" value="...." onclick="TestClick(this)" />
< /div>

Scheduler

answered on 25 Jul 2014

1 answer

80 views

Filter on numeric field that displays text

numeric data field that we use a template to display text conversion

we want to filter on displayed text not the underlying numeric data

how to do this?

Grid

answered on 25 Jul 2014

1 answer

267 views

angularjs $dirty not firing when using kendo-drop-down-list

After upgrade from kendo v2014.1.416 and angular-kendo to the all in one kendo v2014.2.716 ng-model is not passed to the FK value anymore and need to use k-ng-model, and also $dirty is not firing properly.

ex:

<form name="modelForm" ng-submit="save(model)" novalidate>
...
<select kendo-drop-down-list
k-data-text-field="'DisplayName'"
k-data-value-field="'Id'"
k-data-source="roles"
k-ng-model="model.SupplierContactRoleId"
name="SupplierContactRoleId"></select>
...
<button type="submit" class="btn green" ng-disabled="modelForm.$invalid || modelForm.$pristine"><i class="icon-ok"></i> Save</button>
...
</form>

DropDownList

answered on 25 Jul 2014

1 answer

141 views

angularjs $dirty not firing when using kendo-drop-down-list

Hi everyone,

after upgrade from angular-kendo 1.0.1 and kendo v2014.1.416 to the new all in one kendo v2014.2.716 the selected value is not passed anymore to the underlying property using ng-model. After changed ng-model by using k-ng-model (that holds the typed value) form $dirty and friends not firing.

Ex:

<form name="modelForm" ng-submit="save(model)" novalidate>
...
<select kendo-drop-down-list
k-data-text-field="'DisplayName'"
k-data-value-field="'Id'"
k-data-source="roles"
ng-model="model.SupplierContactRoleId"
name="SupplierContactRoleId"></select>
...
<button type="submit" class="btn green" ng-disabled="modelForm.$invalid || modelForm.$pristine"><i class="icon-ok"></i> Save</button>
...
</form>

DropDownList

answered on 25 Jul 2014