Questions on Kendo UI for jQuery Forum

5 answers

205 views

Our team is planning on using the Diagram control to do an Org Chart not all that different than the one in the demo. But the lines are drawing in a way that doesn't represent the data.

Here is a Dojo Link to the issue:
http://dojo.telerik.com/UzIWE

Any suggestions on how to get to draw cleanly?

Diagram

answered on 30 Mar 2015

1 answer

86 views

Grid batch update

Hello,

I am using a grid connected to a wcf service like this:

dataSource: {

transport: {

read: {

url: "http://localhost:52916/Service1.svc/getdocumentdetail/"+e.data.SaleDocId,

dataType: "json",

type: "GET"

},

update: {

url: "http://localhost:52916/Service1.svc/updateDocumentDetails",

dataType: "json",

type: "POST"

},

parameterMap: function(data, operation) {

if (operation != "read") {

// web service method parameters need to be send as JSON. The Create, Update and Destroy methods have a "products" parameter.

return JSON.stringify({ docLines: data.models })

} else {

return JSON.stringify(data);

}

},

schema: {

data: "GetDocumentDetailResult",

total: "GetDocumentDetailResult.length",

model: {

id: "SaleDocId",

fields: {

SaleDocId: { type: "number", editable: false, nullable: true},

Line: { type: "number", editable: false},

Item: {type: "string", editable: false},

Location: { type: "string", editable: false},

Description: {type: "string", editable: false},

Qty: {type: "number", editable: true, validation: { min: 0}},

ItemWeight: { type: "number", editable: true, validation: { min: 0}},

GrossWeight: { type: "number", editable: false}

}

},

My Service looks like this:

<OperationContract>

<WebInvoke(Method:="POST"

, ResponseFormat:=WebMessageFormat.Json, RequestFormat:=WebMessageFormat.Json, BodyStyle:=WebMessageBodyStyle.Wrapped, UriTemplate:=

"updateDocumentDetails")>

Function UpdateDocumentDetails(ByVal docLines As IEnumerable(Of wsDocumentDetail))

The wsDocumentDetail object is this:

<DataContract()> _

Public Class wsDocumentDetail

Inherits wsDocument

Private m_Description As String = String.Empty

Private m_Item As String = String.Empty

Private m_Line As Integer = 0

Private m_Qty As Integer = 0

Private m_GrossWeight As Double = 0

Private m_ItemWeight As Double = 0

Private m_Location As String = String.Empty

Private m_QtaSede As Integer = 0

Private m_Payment As String = String.Empty

Private m_Port As String = String.Empty

Private m_NoOfPacks As Integer = 0

Private m_Carrier1 As String = String.Empty

Private m_ShipToAddress As String = String.Empty

Private m_Transport As String = String.Empty

.... all the get; set;

My update function:

Public Function UpdateDocumentDetails(ByVal docLines As IEnumerable(Of wsDocumentDetail)) Implements IService1.UpdateDocumentDetails

'Do stuff here

end function

Now, when i click on Save changes i get a 400 bad request and i think this is the line causing all the problems

return JSON.stringify({ docLines: data.models })

I tried changing it but when debugging the docLines object remains empty.

Could you please tell me what am i doing wrong.

Thank you.

Grid

answered on 30 Mar 2015

1 answer

87 views

Graph point hidden behind axis label

I have a scatter chart with click able points.

However is the points go behind a label, the point is no longer click able. It looks like the labels are added after the circles to the svg canvas.

Is it possible to change this?

Here the light blue and grey are obscured by the text element for the axis label.

Charts

answered on 30 Mar 2015

1 answer

392 views

hiding numeric textbox on PDF export

How would I hide a Kendo NumericTextBox when doing a PDF export using the Drawing API's drawDOM method? Instead of the textbox, I'd like to display a label with the textbox's value. Here's a code snippet demonstrating what I'm doing now:

        require(["kendo.drawing"], function (KDrawing) {
            var _kendoDrawing = KDrawing.drawing;

_kendoDrawing.drawDOM(objDomContainerElement).then(function (group) {
return _kendoDrawing.exportPDF(group, {
                    landscape: true,
margin: {
                        bottom: _MARGIN_SIZE,
                        left: _MARGIN_SIZE,
                        right: _MARGIN_SIZE,
                        top: _MARGIN_SIZE
                    },
paperSize: "auto"
                });
            }).done(function (data) {
kendo.saveAs({
                    dataURI: data,
                    fileName: strPdfFileName + ".pdf",
                    proxyURL: strProxyUrl
                });
            });
});

Drawing API

answered on 30 Mar 2015

1 answer

108 views

Expand effect from the bottom to the top

Hi,

I'm using Window to display some content is popup.
And I'm trying to use expand effect.
If I use vertical direction - it appears from the top to the bottom.

Problem is that I didn't find the way to make it appear from the bottom to top.

Is there any way to do it?

Thanks,
Vlad.

Effects

answered on 30 Mar 2015

4 answers

106 views

Using touch without view / mobile Application Object?

Hi,

I want to use the touch events on a Homepage (CMS Joomla) with some divs but I haven't found any information about to use them without a view. May you be able to give me a code sample how to use it without a view and (without?) Mobile Application Object?

( http://docs.telerik.com/kendo-ui/mobile/touch )

Best,
Can

Touch

answered on 30 Mar 2015

4 answers

1.0K+ views

Dynamically change editor of grid

Hello,

I have two columns
1. column name (which has datatype property)
2. value field (it contains the value of column)

i want to change value field editor when column name changes (from dropdown).
suppose user select data column then value field editor should changed to datepicker.

find attachment to better understand the scenario.

regards,
Saad

Grid

answered on 30 Mar 2015

1 answer

520 views

Remove/hide footer

I can't find any options to remove Gantt footer.
For now I'm using ability to extend Gantt plugin:

var oldGantt = kendo.ui.Gantt;

var GanttExtended = kendo.ui.Gantt.extend({

init: function(element, options) {

oldGantt.fn.init.call(this, element, options);

},

_footer: function() {

this.footer = $([]);

}

});

kendo.ui.plugin(GanttExtended);

But I think it would be better to have some option to disable footer.

For example:
1. Initialize Gantt

$('#gantt').kendoGantt({

footer: false

});

2. Check in the method

var Gantt = Widget.extend({

_footer: function() {

if (!this.options.editable || !this.options.footer) {

return;

}

...

},

});

Gantt

answered on 30 Mar 2015

3 answers

378 views

Treeview Drag and Drop from Grid

I am dragging and dropping from a grid and it is working fine. I just have one question.

If I drag from one treeview to another treeview, I can grab a node from one and when I hover over the second treeview, I have the ability to position the node I am dropping in several locations. I can either drop it on another node, or I can drop it before or after nodes.

If I drag from a grid, I don't have that ability. What would I need to do to enable that ability?

TreeView

answered on 30 Mar 2015

2 answers

130 views

[Solved] Grid pdf export doesn't show title

Hi Guys!

Im trying out with great interest the newly released kendo v2015.1.318 and in the feature of grid exporting to pdf i somehow cannot see the title appearing in the resulting pdf file. And more so i actually noticed the title is not appearing anymore in chart exports to pdf either..
Is this a bug or a feature?

Cheers!

Grid

answered on 30 Mar 2015