Questions on Kendo UI for jQuery Forum

3 answers

111 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

57 views

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

828 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

821 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

59 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

242 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

123 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

1 answer

511 views

Chart Zoom and Reset and Visualization

Hi -
I'm looking for a way to allow users to drag their mouse across a chart and zoom into a certain section of a graph. Additionally, I would like to easily allow them to reset their changes. Take a look at how Highchart does this. (http://www.highcharts.com/demo/line-time-series). I'm not impressed with how Highcharts databinds to varying data, so I really would like to stick with Kendo if I can create this functionality. Any suggestions would be much appreciated.
Thanks

Charts

answered on 25 Jul 2014

1 answer

334 views

Iframe reloads on tabpage when reordering

Hello,
I'm using tabstrip with tab sorting funcionalty described here:
http://demos.telerik.com/kendo-ui/web/sortable/integration-tabstrip.html

On the tab pages I have iframes which load external content, see the example below:
http://jsfiddle.net/nwDga/

The problem is when I reorder the tab pages the iframe reloads it's content. In the iframe there can be form inputs which can contain unsaved user data which is lost after reordering the tabs.

The problem is caused by the insertAfter/insertBefore calls. They removes the k-content div from the dom and inserts again. Probably it forces the browser to reload the iframe.

Do you know any solution or workfaround to not to reload the iframe?

Thanks!

TabStrip