Questions on Kendo UI for jQuery Forum

2 answers

227 views

I would like to implement an outlook style panel bar similar to what is implemented in the Telerik ASP.NET Ajax Panel Bar demo here:
http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/outlooknavigation/defaultcs.aspx

Is this possible with the KendoUI panel bar?

PanelBar

answered on 14 Aug 2012

3 answers

225 views

Windows attributes are not refreshing

I have the following code.

$(

'span[data-class=ModalLink]').click(openmodal);
$('a[data-class=ModalLink]').click(openmodal);

    $('span[data-class=ModalLink]').click(openmodal);
    $('a[data-class=ModalLink]').click(openmodal);
    function openmodal(event) {
        event.preventDefault();
        var contentUrl = $(this).attr("data-content");
        if (!contentUrl) {
            contentUrl = $(this).attr("href");
        }
        if (contentUrl) {
            var dialog = $("#modalwindow");
            dialog.kendoWindow({
                modal: true,
                title: $(this).attr("data-title"),
                actions: ["Close"],
                draggable: $(this).attr("data-draggable"),
                resizable: $(this).attr("data-resizable"),
                height: $(this).attr("data-height"),
                width: $(this).attr("data-width"),
                content: contentUrl
            });
            dialog.data("kendoWindow").center();
            dialog.data("kendoWindow").open();
        }
        else {
            alert("The URL to populate the modal window is missing.");
        }
I want the window configuration value like width, height etc. to change every time I open the window. It is not happening. I can see in the debugger that new values are there window is not updating the values except content. How can do this?

Window

answered on 14 Aug 2012

6 answers

233 views

How to open an ActionSheet control in javascript

Hi guys,

Been working with the new Action Sheet control and it's been really great! Just struggling with one thing at the moment.

I'm trying to open a Kendo ActionSheet control in javascript with the following sort of approach:

$("#MyTestActionSheet").data("kendoActionSheet").open();

I assume the open method (Which I found in the documentation) is correct but i'm not accessing the Kendo data object correctly to call it. I've tried using "kendoActionSheet" (based on how it is done with other controls) but It doesn't seem to exist and I'm struggling to find documentation on how to do it.

Am I missing something?

Thanks in advance,

Rob

General Discussions

answered on 14 Aug 2012

1 answer

125 views

Which IDE should we use

Which IDE has code completion, intellisense, and error checking for use with Kendo?

General Discussions

answered on 14 Aug 2012

7 answers

151 views

Support for WGAC 2.0 Accessibility Standards

I found statements on an Accessibility page regarding support for these standards for the ASP.Net controls. I have been unable to find any similar statement regarding the Kendo UI controls. Can you clarify the current status/planned support.

Thanks
Doug Hay

General Discussions

answered on 14 Aug 2012

1 answer

109 views

DatePicker Error in IE8

I'm receiving the following error when a date is either typed in or selected in a DatePicker in IE8 (doesn't happen in IE9)

Microsoft JScript runtime error: Object doesn't support property or method 'substr'
The error is happening on line 1346 of kendo.web.js

The DatePicker is in a pop-up editor:
The data is queried via a web service with a JSON response.

I am using a custom parser for the date returned from the service

I'm not sure why I'm receiving this error.

function customParser(data) {

if (data != null) {

var str = data.toString();

if (str.indexOf("Date") >= 0)

return new Date(parseInt(data.substr(6)));

}

else

return data;

<input type="text"

name="ManufactureDate"

data-type="date"

data-bind="value:ManufactureDate"

data-role="datepicker"

/>

Date/Time Pickers

answered on 14 Aug 2012

11 answers

622 views

Chart color

Hi,

Is it possible to have different color on each column in a column chart and also to have different color depending on the value.
For instance if a column can have values from 0 -100 and you would like to have one color on values from 0-25 and one between values 26-75 and so on..

Charts

answered on 14 Aug 2012

0 answers

63 views

Telerik grid for ASP.NET MVC2

Hello,

Does Telerik grid for ASP.NET MVC2 (VS2008) exist? if so, please, provide the link to trial version.

We need such a grid with toolbar and other standard options.

Thank you in advance.

Goran

Grid

asked on 14 Aug 2012

1 answer

151 views

Response handling in CRUD operation

i would like to access the messages of Response which is send by server whether it may be a failure or success message.

//===================================================== DATA SOURCES ==============================================================|

var projectDS = new kendo.data.DataSource({

transport: {

create: {

url: '/api/HomeApi/Add',

type: 'POST',

contentType: 'application/json;charset=utf-8'

},

read: {

url: '/api/HomeApi/Get?projectId=' + $('#UrlProjectId').val(),

dataType: 'json'

},

update: {

url: '/api/HomeApi/Update',

type: 'PUT',

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

success: function (response) { // this part also not works...

alert(response.IsSuccess);

}

},

parameterMap: function (options, operation) {

if (operation !== 'read') {

return JSON.stringify(options);

}

return options;

}

},

schema: {

model: {

id: 'Id',

fields: {

Id: { type: 'number', editable: false },

Title: { type: 'string', },

Description: { type: 'string' },

StartDate: { type: 'date' },

EstimatedEndDate: { type: 'date' }

}

},

change: function () {

projectFormVM.set('currentRecord', this.view()[0]);

},

success: function (e) { // how to get this function works

alert(e);

}

});

//===================================================== VIEW MODELS ===============================================================|

// Add & Update Project View Model

var projectFormVM = kendo.observable({

currentRecord: null,

projectDataSource: projectDS,

projectListUrl: '/Home/Projects',

hasUpdate: (($('#UrlProjectId').val() != '') ? true : false),

onStartDateChange: function () {

var thisStartDate = this.get('currentRecord').StartDate;

if (thisStartDate) {

$('#EstimatedEndDate').data('kendoDatePicker').min(thisStartDate);

}

},

onEndDateChange: function () {

var thisEndDate = this.get('currentRecord').EstimatedEndDate;

if (thisEndDate) {

$('#StartDate').data('kendoDatePicker').max(thisEndDate);

}

},

onSave: function () {

this.projectDataSource.sync(); // -- synchronize the datasource when click the save button..

}

});

The above code works properly both in add and update.
How to handle the response?... My response object looks like {Success: true, Message: 'Record successfully updated...' }
Note: I m able to access the response using jquery ajax but i want to access only when datasource sync

Thanks in advance,
Ramesh

MVVM

answered on 14 Aug 2012

0 answers

166 views

Custom Binding and Grid Editor Template

Hi

I have a grid where I have a column with a custom editor template

{ field: "ShiftDefinitionId", title: "ShiftDefinitionId", format: "{0:n0}", width: "150px", editor: ShiftDefinitionIdEditor }

And also a corresponding editor template javascript function like

function ShiftDefinitionIdEditor(container, options) {

var inputField = $('<input data-text-field="ShiftDefinitionId" data-value-field="ShiftDefinitionId" data-bind="shiftDefinitionIdLookup: ShiftDefinitionId"/>')

inputField.appendTo(container)

};

So now my problem is inside the custom binding

kendo.data.binders.shiftDefinitionIdLookup = kendo.data.Binder.extend({

init: function () {

var element = this.element;

},

refresh: function () {

var element = this.element;

}

});

this.element is undefined, but if i bind somewhere else the custombinding to a control, this.element is set.

How can I fix this problem

Regards
Roland

MVVM

asked on 14 Aug 2012