Questions on Kendo UI for jQuery Forum

1 answer

111 views

Force date-picker to look&feel like ios7 on all platforms

Hey everyone!

I got the requirement to implement a date-picker that has the look&feel of the ios7 date-picker. Can I somehow force the ios styling of that one control to all platforms?

And no, I don't want the whole app to look like ios7. Just the date-picker.

Thanks in advance!

DatePicker

answered on 19 Feb 2015

2 answers

91 views

Grid Hirarchy including Rows without details

Hi

I took your example and have a question about it.

http://dojo.telerik.com/okESe/2

In the detailInit I do not want to show details for "Nancy" from "Seattle" hence that row should also not have a "dropdown icon".

I tried by just not returning anything in the detailInit function for Nancy, that does indeed show no data below her but the icon is still there.

How can I hide the dropdown icon for rows which do not have data below them?

Many thanks

Grid

answered on 19 Feb 2015

1 answer

247 views

Unable to get property 'id' of undefined or null reference

Updating to kendo v2014.3.1316 breaks ScrollView with customTemplate. Even the example on your demo site is now broken http://demos.telerik.com/kendo-ui/scrollview/custom-template

This produces a Unable to get property 'id' of undefined or null reference error in the web console and kills the scrollview and view processing in mobile application completely. Forcing app restart.

ScrollView (Mobile)

answered on 19 Feb 2015

9 answers

343 views

imagebrowser custom schema

Hello,

I'm implementing the imagebrowser in my project. I want to use a custom schema for my imagebrowsing backend api. I see in the api docs that there are such possibilites, but I couldnt find an example. The example in the demos for imagebrowser is very basic. Is there maybe a more complete example showing more detailed stuff like custom schemas.

Editor

answered on 19 Feb 2015

1 answer

361 views

Kendo UI Numeric Textbox Formatting

I'm using Kendo UI v2014.3.1119 and I'm trying to leverage the Kendo UI controls in an existing application, but if that's not possible should I use the HTML5 input type number and AngularJS directive to create a custom element?

1. How do I set the input textbox on the numeric control to read-only but still keep the spinner (up/down) enabled? I need to be able to do this in HTML markup and not JavaScript.

2. How do I disable the spinner (up/down) when the min/max values are reached to prevent the on-spin event from firing when the min/max values are reached?

3. How do I pad the input textbox with zero when the value is less than 10? I’m not sure if this is even possible since the JavaScript number object does not persist leading zeros.

Here is the HTML markup for what I already have, but I'm not sure how it will help answer the questions above

NumericTextBox

answered on 19 Feb 2015

12 answers

1.7K+ views

Multiple aggregates in groupHeaderTemplate

Is it possible to have multiple aggregates from different columns in the groupHeaderTemplate?

In this example, I can get the count of campaigns in the header, but I would like to have sum of the AmountReceived also in the groupheader. Is this possible

$(document).ready(function () {

$("#grid").kendoGrid({

dataSource: {

type: "json",

transport: { read: "GetData" },

group: [{

field: "Campaign_Desc",

aggregates: [

{ field: "Campaign_Desc", aggregate: "count" },

{ field: "AmountReceived", aggregate: "sum" },

]

}],

aggregate: [

{ field: "Campaign_Desc", aggregate: "count" },

{ field: "AmountReceived", aggregate: "sum" },

]

},

columns: [

{ field: "DonorName", title: "Donor" },

{ field: "DateReceived", title: "Date" },

{ field: "ReceiptNbr", title: "Rcpt #" },

{ field: "AmountReceived", title: "Amount", footerTemplate: "Total: #=sum#", groupFooterTemplate: "Total: #=sum#" },

{ field: "Campaign_Desc", title: "Campaign", footerTemplate: "Total Count: #=count#", groupHeaderTemplate: "<b>#= value #</b> - Count: #=count#" },

{ field: "Source_Desc", title: "Source" },

{ field: "TenderType_Desc", title: "Tender" },

{ field: "CheckNumber", title: "Check #" },

{ field: "GLBatchNumber", title: "Batch" }

],

scrollable: false,

sortable: true,

filterable: true

});

Grid

answered on 19 Feb 2015

8 answers

3.8K+ views

Upload in Grid Custom Editor

Is it possible to put an upload widget in the Custom Editor for an editable grid with a CRUD datasource to a web service?

Here is my concept:
I'd like to have a grid that has columns for a description of a document, who uploaded it, the date uploaded/edited and a link to the uploaded file. With Create in the toolbar, they could add a new record or edit a row to upload an newer version of the file. The upload widget would be in the column with the link to the uploaded file.

Grid

answered on 19 Feb 2015

1 answer

821 views

Insert Node INTO / As a child of an existing node

hi there, I have a kendo treeview.

This treeview has 2 levels, parent nodes and children nodes. Some top level nodes don't have children. A user can add or remove nodes at any level. To add a top level node I use append. To add a child node I use insertAfter. What I haven't figured out is how to add a node as a child to a top level node that previously had no children before it. Essentially I need to know how to add the First Child to an existing node.

Thanks,

Coty

TreeView

answered on 18 Feb 2015

2 answers

154 views

[Solved] Telerik TreeMap Binding to Webservice - infinite loop

I am trying to wire a kendo TreeMap to a webservice. I have set up a
demo in my project. When I run it, the TreeMap doesn't just evoke it
once, it goes nuts and evokes in in an infinite loop!

I'd love to get this control in my app. Please help.

<div role="gridcell" class="container">

<div id="treeMap" style="height: 600px; font-size: 12px;"></div>

</div>

<script>

$(document).ready(function() {

createTreeMap();

});

function createTreeMap() {

$("#treeMap").kendoTreeMap({

dataSource: dataSource ,

valueField: "value",

textField: "name"

});

}

var dataSource = new kendo.data.HierarchicalDataSource({

schema: {

data: function (result) {

return result.d || result;

},

transport: {

read: {

url: "../WebServices/ItemWebService.asmx/TreeMapA",

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

type: "POST"

},

parameterMap: function (data, operation) {

switch (operation) {

case "read":

return JSON.stringify({ itemId: -1, SSID: globalValues.ssid })

break;

}

});

</script>







Public Class ItemWebService
Inherits AppWebservice
 
 
Public Class TreeMapItem
    Public Property name As String
    Public Property value As Decimal
    Public Property items As List(Of TreeMapItem)
 
    Public Sub New()
 
    End Sub
 
    Public Sub New(name As String, value As Decimal)
        _name = name
        _value = value
        '_items = List(Of TreeMapItem)()
    End Sub
 
 
End Class
 
<WebMethod()> _
Public Function TreeMapA(itemId As Integer, SSID As Integer) As List(Of TreeMapItem)
    Try
        Dim retValue As New List(Of TreeMapItem)
 
        retValue.Add(New TreeMapItem("Part A", 89))
        retValue.Add(New TreeMapItem("Part B", 233))
        retValue.Add(New TreeMapItem("Part B", 90))
 
        Return retValue
 
    Catch ex As Exception
        Throw ex
    End Try
End Function

TreeMap

answered on 18 Feb 2015

5 answers

148 views

gestureend not detected

Hi,

I am experiencing the issue of the gestureend event not being detected
although the gesturestart event was detected.

I am using Kendo UI v2014.2.1008.

Hope to have some ideas on how to resolve this issue.

Touch

answered on 18 Feb 2015