Questions on Kendo UI for jQuery Forum

0 answers

59 views

Hi, I wonder if I can help, I have two grid; grid1 I have it on a panel and want to deploy to select is passed to grid2 as an aggregate.

the grid of the multiple choice Grida
and grid B would like inline edit.

the idea I have is to take the function and to create trigger on Grida while selecting the row. but that part is not how to do.

thanks in advance

Grid

asked on 31 Mar 2012

2 answers

233 views

Can't call any Kendo UI methods

Hi I am experiencing some major issues in trying to call Kendo UI methods. My Chrome browser is returning errors such as the following:

Uncaught TypeError: Cannot call method 'enable' of undefined
Uncaught TypeError: Cannot read property 'confirmation' of undefined

etc.

I have tried calling methods on the Kendo grid and the Dropdown and am experiencing the same issue. The methods simply don't seem to exist or else the UI elements are not visible?

General Discussions

answered on 31 Mar 2012

0 answers

158 views

DataSource, any other properties ?

The documentation shows a minimalist example of DataSource of

dataSource: [

{

text: "Item 1",

items: [

{ text: "Item 1.1" },

{ text: "Item 1.2" }

]

},

{ text: "Item 2" }

]

The source code for treeview template suggests there might be other properties, such as expanded, allowed in the dataSource.

I tried this which did not seem to work

text: "Item 1"

, expanded: true,

items: [

{ text: "Item 1.1" },

{ text: "Item 1.2" }

Is treeview data source restricted to having only the properties items: and text: ?

TreeView

asked on 31 Mar 2012

0 answers

136 views

MVVM DataViz

Hello everyone

I have a little question about if I can have a Pie Chart...that when I click a serie ; other chart for example type column , it is updated.

M.

General Discussions

asked on 30 Mar 2012

7 answers

1.0K+ views

Error when manually removing rows.

Hello,

I have been trying to remove a row from the grid via javascript but it always comes back with the following error:
Uncaught TypeError: Cannot read property 'confirmation' of undefined

Here is what I am doing:

var grid = $("#mygrid").data("kendoGrid");

$(this).closest("tr").hide("slow");

var row = grid.tbody.find(">tr:hidden"); //Gives me the right one

grid.removeRow(row);

grid.refresh();

This of course hides the row, but if I go to another page and come back, the row comes back. Now, I know this is because the data is still in the dataSource... but how can I go around it?

I am attaching my code for reference. The Json looks something like this:

[{"Year":2000,"Make":"Hyundai","Model":"Elantra","Color":"Bluish","Price":6000,"Id":0},{"Year":2001,"Make":"Hyundai","Model":"Sonata","Color":"Greenish","Price":16000,"Id":1}

Any pointers would be great.

Thanks!
-Ricardo

Grid

answered on 30 Mar 2012

6 answers

234 views

Changing Visual Attributes in KendoUI Mobile

Hi,

KendoUI Mobile does not have a Theme Builder. I would like to change colors, fonts and other visual attribute of my mobile application.

Is there a documentation about Kendo UI Mobile CSS so that we can change some visual attributes ???

Thanks in advance

General Discussions

answered on 30 Mar 2012

1 answer

154 views

DataSource from a .asmx to use it a PieChart

Hello,
I am a newbie... but I want to learn how I can binding my webservice to my DataViz; Pie Chart.

I am trying to use my Webservice .asmx that return a string (I converted a List into a JSON string using System.Web.Script.Serialization.JavaScriptSerializer )

But when it is created my pie chart only appear the title...

I used my returned JSON string like a local data and my chart was created. (By that reason I think that my json string isn´t the problem)

Please a need some advices...

Regards,
M.

Charts

answered on 30 Mar 2012

4 answers

528 views

Grid bound to json data always empty

Hi, All;

I'm trying to build a simple grid bound to json data. The grid shows up but it's always empty. Help?

<div id=grid>

</>

<script type="text/javascript">

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "http://localhost:3223/DataServices/DomainService.svc/JSON/GetDATA",

dataType: "json"

}

},

schema: {

data: "RootResults"

}

});

dataSource.read();

</script>

<script type="text/javascript">

$(document).ready(function () {

$("#grid").kendoGrid({

dataSource: dataSource,

columns: [

{ title: "ID", field: "ID" },

{ title: "CODE1", field: "CODE1" },

{ title: "CODE2", field: "CODE2" }

],

height: 360,

groupable: false,

sortable: false,

pageable: false,

scrollable: false

});

</script>

Grid

answered on 30 Mar 2012

2 answers

203 views

Binding to remote database with asp.net web service

Hi,

I'm having some trouble binding a KendoUI chart to a remote database through a web service.

Here is my code:

$("#chart").kendoChart({

theme: $(document).data("kendoSkin") || "default",

dataSource: {

transport: {

read: {

url: "/WebServices/WebFunctions.asmx/RetrieveProjectCountByBMP",

dataType: "json"

}

},

schema: {

model: {

fields: {

Code: { type: "string" },

Count: { type: "number" }

}

},

sort: {

field: "Code",

dir: "asc"

}

},

title: {

text: "Project Count by BMP"

},

seriesDefaults: {

type: "column"

},

series: [{

field: "Count",

name: "Project Count"

}],

categoryAxis: {

field: "Code"

},

tooltip: {

visible: true,

format: "{0:N0}"

}

});

and here is the web service code:

<WebMethod(EnableSession:=True)> _

Public Function RetrieveProjectCountByBMP() As Object

Dim returnData = (From p As Project In Project.RetrieveAll() _

Join cs As ClaimScope In ClaimScope.RetrieveAll() On p.ProjectId Equals cs.ProjectId _

Join b As BMP In BMP.RetrieveAll On cs.BMPId Equals b.BMPId _

Where (p.ProjectMilestoneId = 17 Or p.ProjectMilestoneId = 18 Or p.ProjectMilestoneId = 19) _

And p.FiscalyearId = 5 _

Select b.Code, p.ProjectId).GroupBy( _

Function(bmpCode) bmpCode.Code _

, Function(proj) proj.ProjectId _

, Function(bmpCode, projects) New With {.Code = bmpCode, .Count = projects.Count()})

Dim serializedReturnData As JavaScriptSerializer = New JavaScriptSerializer(returnData)

Return serializedReturnData.Serialize(serializedReturnData)

Return serializedReturnData

End Function

I've verified that my webservice returns a complete dataset.
The problem is that when I run the code, the chart doesn't get populated. There are no error messages and no events fired in the event log.

The only issue I can find is that the webservice returns the data with leading a trailing quotes, like this:

"[{"Code":"1301","Count":239},{"Code":"1401","Count":178},{"Code":"1001","Count":33}]"

When I copy the data returned from the web service into a .json file and bind the chart to that, it works fine. However, I have to remove the leading and trailing quotes to get it to work.

How can I get my webservice to return my data in proper JSON format?

Thanks.

Data Source

answered on 30 Mar 2012

4 answers

1.0K+ views

[Solved] Multiple bindings on data-bind

Another question for you lovely Kendo people!

I'm currently struggling to bind more than one function to a Grid, my code is:

<div id="grid" data-role="grid" data-bind="source: gridSource"></div>

Which works fine, but I want this Grid to be a multi-selectable Grid (my own Kendo extension) and can't seem to bind this when I try:

<div id="grid" data-role="grid" data-bind="source: gridSource, selectableGrid: selectOptions"></div>

The error displays as "selectableGrid" is not supported by "div" or something along those lines. However, if I try and just use the selectableGrid without the source binding, then it works fine.

Any suggestions, or will this be fixed in a future release?

MVVM

answered on 30 Mar 2012