Questions on Kendo UI for jQuery Forum

2 answers

108 views

Kendo UI Web vs Kendo UI Profession vs UI for ASP.NET MVC

Dear Team,

I would like to know the difference between Kendo UI Web and Kendo UI Professional.. We have license for DevCraft and our website developed using asp.net 4.0 and visual studio 2010. Now, we are in plan to upgrade the site with the new version of Telerik. So, I would like to know whether we need to use Kendo UI Web, Kendo UI Professional or ASP.NET MVC controls

Thanks,

Prakash..

General Discussions

answered on 07 Jul 2015

3 answers

108 views

[Solved] Q2 2015 Breaks dataSource read for Angular directive

I have just upgraded to Q2 2015 and the following no longer works

I have a grid defined inside an angular directive, which uses the transport.read to get data as in

$scope.dirGridOptions = {

dataSource: {

transport: {

read: function (options) {

$scope.getData(options);

},

pageSize: 5

},

However, the function getData is never called. If I display the grid options it seems that the transport has been deleted

{

"transport": {

"pageSize": 5

},

Note that this works if the grid is not inside a directive, and it worked inside the directive before the upgrade.

Regards

Colin

Grid

answered on 07 Jul 2015

1 answer

115 views

Collapse on hover

It is possible to collapse a splitter on hover ?

Splitter

answered on 07 Jul 2015

1 answer

149 views

[Solved] How to import into the new ThemeBuilder?

In the previous Theme Builder (maybe it was called Theme roller), I could import the less file to continue or change my theme later. How do we do that with the new builder?

Thanks.

General Discussions

answered on 07 Jul 2015

2 answers

100 views

Editing grid data inside a TabStrip - MvvM

When trying to Create or Update data in Kendo UI Grid data that is inside of TabStrip we
get the echo: Uncaught TypeError: n is not a function.

Example:

http://dojo.telerik.com/AbeNe

In our project we get the same echo on editing grid data inside a Kendo UI Window, but
couldn’t replicate it here.

On created example it seems that everything’s right:

http://dojo.telerik.com/eRiMi

Regards

Peter Beyer

Grid

answered on 07 Jul 2015

5 answers

245 views

NumericTextBox doesn't update ng-model (AngularJS)

I've created the issue at: http://dojo.telerik.com/irune

If you click the spinners or enter a number it doesn't update the model.

If you adjust the sliders it will update the model and show in the numeric text box.

I'm trying to create a conditional widget but it's not picking up changes.

The same thing seems to happen with kendo drop down list....

any ideas?

NumericTextBox

answered on 06 Jul 2015

2 answers

583 views

[Solved] Formatting dates in custom popup editor not in a textbox

I am trying to use the custom popup editor template when editing an item in my grid. The issue I am having has to do with formatting the date to be in the "format MM/dd/yyyy" or 07/02/2015 . Everything works fine when I am displaying a date in a textbox. But when I display the date in a div instead, the date the same date looks like this: Thu Jul 02 2015 10:22:33 GMT-0600 (Mountain Daylight Time).

Below is a jsfiddle link that demonstrates both the correct date in a textbox and bad date in a div, just below it. I want the div to have the same format as the textbox. I have followed example after example I have found, but I can't seem to get it right so that they format the date the same. Please help!

Attached is a screenshot indicating where the formatting is wrong and where it is formatting ok.

http://jsfiddle.net/BCBzS/912/

Grid

answered on 06 Jul 2015

4 answers

190 views

Multi-filter shows nothing except "Select All" after update to Q2

My application has a ton of grids with a ton of columns so we've got a bunch of slick code to essentially generate most of the grid settings based upon schema objects. Yesterday I began working on the Excel-like multi-filtering. I was working with the Q1 and got it working nicely except for 2 things. Filtering "null" wasn't working at all, and filtering dates wasn't working. Today I sat down to fix those 2 problems and realized I had just barely missed the Q2 release. Wondering if these issues were fixed I find I can't even get far enough to find out.

I've got the following code which generates the multi-filter based upon a schema object representing a given field.

column.filterable = column.filterable || {};

column.filterable.multi = true;

column.filterable.dataSource = {

type: "aspnetmvc-ajax",

transport: {

read: {

url: excelFilterUrlBase + "/" + field.charAt(0).toUpperCase() + field.slice(1), // Evaluates to something like 'api/Employees/LastName'

data: primaryDataSource.transport.read.data,

type: "GET",

dataType: "json"

}

},

schema: {

data: "data",

total: "total",

model: (function (fieldName, field) {

var modelObject = {

id: fieldName,

fields: {}

};

modelObject.fields[fieldName] = {

type: field.type

}

return modelObject;

})(field, fields[field]) // Evaluates to a proper model object having the correct 'type'

},

filter: primaryDataSource.filter

}

When I run this code and then click on the column menu dropdown, I see in the network traffic that it properly calls my service method, and gets back the appropriate JSON response object:

{

data: [

{

lastName: "Aaron"

},

{

lastName: "Abbas"

},

{

lastName: "Abbott"

},

{

lastName: "Adams"

},

{

lastName: "Adhikari"

},

{

lastName: "Agarwal"

},

{

lastName: "Aggarwal"

},

{

lastName: "Aguilar Schall"

},

//...

],

total: 908,

aggregateResults: null,

errors: null

}

However, In my grid, I only see the "Select All" checkbox. There aren't any other options.

This was working in Q1. What changed?

Grid

answered on 06 Jul 2015

3 answers

3.0K+ views

Getting a 'null' value in client template of Kendo ListView

I have a simple Kendo ListView with an applied client template. If the data in the row item to which the template is applied happens to be null, then the text 'null' appears by default. How can I change this behavior without having to do ${ ShipToName == null ? '' : ShipToName } every time? I am using a template that has to display numerous bound data items, and having to check for null on each and every one of them is tedious and results in code bloat. Even more importantly (and possibly a second question), I need to be able to evaluate the data value from within one of the Razor MVC HTML wrappers, and am constantly getting an 'Invalid template' exception. Please help!

Example #1:

<script type="text/x-kendo-tmpl" id="editTemplate">
//This is always 'null' by default
#=ShipToName#
//This correctly displays null values as empty string
${ ShipToName == null ? '' : ShipToName }
</script>

Example #2:

<script type="text/x-kendo-tmpl" id="editTemplate">
//This works, but always displays 'null' as the value in the textbox
@Html.TextBox("ShipToName", "#=ShipToName#")
//This causes an 'Invalid template' error
@Html.TextBox("ShipToName", "#if (ShipToName != null) {# #=''# #} else {# #=ShipToName# #}#")
</script>

ListView

answered on 06 Jul 2015

4 answers

1.0K+ views

Enable/Disable some nodes on load.

Hi,

I have the following code that runs on the check event of the Kendo TreeView CheckBox. If the node is checked, it disables and unchecks all of its children nodes. If the node is unchecked, it simply enables the children. I would like to perform similar functionality in the document.ready section, where I need to go over all the tree nodes, and disable all children of any checked node. While it seems simple, I cannot wrap my head around the right traversal method for this to work.

Please advise.
Thanks.
Alex.

function onCheck(e) {

var chbx = $(e.node).find('.k-checkbox input').filter(":first");

var state = chbx.is(':checked');

if (state) {

$(e.node).find(".k-group input").prop('checked', false);

$(e.node).find(".k-group input").prop('disabled', true);

} else {

$(e.node).find(".k-group input").prop('disabled', false);

}

TreeView