Questions on Kendo UI for jQuery Forum

2 answers

562 views

[Solved] Absolute value function in a template

Hello,
I'd like to print on the screen absolute values by a template.
I've tried things like that :

valueAxis: {

labels: {

template: "#Math.abs(value)#"

}}

or equivalent by using javascript and jquery but I couldn't find this out.
Anyone can help ? Thanks !

Templates

answered on 11 Jun 2012

1 answer

171 views

How kendo.data.xml.js parses HTML varies by browser

I have a server delivering a data query in XML format. When the query fails or is ill-formed the server returns a 200 OK response that is a error message in the guise of an HTML page.

In IE the parse of the response fails, and in Chrome it does not.

The data.xml.js parse: method uses jQuery (I am using 1.7.1) $.parseXML which in turn uses

window.DOMParser, or
ActiveXObject( "Microsoft.XMLDOM" )

The HTML is parsed fine by window.DOMParser because the HTML is valid and valid HTML parses as XML.
The Microsoft.XMLDOM parser does not like the HTML and its .LoadXML() returns a null.

So the question is should data.xml.js handle the HTML ? I would suggest no, or at least make it controllable through an option since some future task may require using data found in some xpath of an HTML response.

To fail the HTML response I made this adjustment in kendo.data.xml.js parse:

documentElement = xml.documentElement || $.parseXML(xml).documentElement;

changed to

documentElement

    =   xml.documentElement

    || ( xml.substr(0,5)==

'<?xml'

       ? $.parseXML(xml).documentElement

       : jQuery.error(

"Invalid XML: "

+ xml )

       )

    ;

A schema: property could be used to control the strictness of parsing.

schema: { type: 'xml', strict: true, ... } // strict (default) requires <?xml lead-in, false allows for any lead-in
schema: { type: 'xml', leadin: '<?DOCTYPE HTML', ... } // string (or array of string) for specifying allowed lead-ins

Happy coding,
Richard

Data Source

answered on 11 Jun 2012

1 answer

113 views

Animation problem

I think I have found a typo in your code, which leads to the problems with animation.

extend(kendo.fx, {

...

animate: function(elements, properties, options) {

element.animate(multiple, extend({ queue: false, show: false, hide: false, duration: options.duration, complete: options.complete }));

...

The extend(...) call works as if it's called with window.extend(...), which extend window object with some properties.

I'm not sure that it's what you have expected to do.

Please confirm.

General Discussions

answered on 11 Jun 2012

0 answers

87 views

Is it possible to show "series" values after the bar graphs

Hi,
Is it possible to show "series" values after the bar graphs, or on top of the bar graphs? So not only on the valueAxis.

Thanks

callaway golf

General Discussions

asked on 11 Jun 2012

0 answers

115 views

1 page more than defined

Hello,

I did remove all the content this thread.
I did read the posting HTML Content instead of images Started by Josh Lipford

But at first I was not aware that a second problem was discussed there of having 1 more page than defined.

So it works now for my solution.

Greetings Johan Borchers

ScrollView (Mobile)

asked on 10 Jun 2012

0 answers

59 views

coding to grid

Dear All,
If I have implement getting data from database and bind that into grid in web application using kendo ui..same procedure and same code can use to mobile application to bind a grid?

thanks,

General Discussions

asked on 10 Jun 2012

0 answers

95 views

grid binding

Dear All,
If I have implement getting data from database and bind that into grid in web application using kendo ui..same procedure and same code can use to mobile application to bind a grid?

thanks,

Data Source

asked on 10 Jun 2012

1 answer

102 views

Strange binding

Hello,

i'd like using data-binding attribute into a template but the data object that's bound to an html tag is not correctly associated.

for exemple:
Simple binding: http://jsfiddle.net/rKQDM/7/
More complex (expressions & events): http://jsfiddle.net/rKQDM/5/

What's wrong?

Thanks in advance.

Templates

answered on 10 Jun 2012

0 answers

105 views

No manager for DataSource?

When looking through the code, I don't see a manager class for DataSource instances (or a simple master list), which I need to add KednoUI support to Illuminations for Developers[1]. I can add a patcher that alters the KendoUI source as it's loaded on every site that uses it (I do this for YUI3), but I'd rather not do that as it can be dangerous.

I have the same issue with widgets, but I can use the somewhat slow method of searching through all of jQuery's internal 'data' structures to find KendoUI widgets that are rendered to the page.

Any suggestion on how to get all the instantiated DataSource instances on a given web page?

[1] http://www.illuminations-for-developers.com/

Data Source

asked on 10 Jun 2012

0 answers

135 views

Tweaking the implicit template

When a grid does not have a rowTemplate specified the kendoGrid configuration the component will build an implicit default template.

I have a situation where the grid is displaying columns A,B,C,D from a data source having A,B,C,D,X,Y,Z and I need to twiddling an entire row when some condition exists amongst X, Y and Z.

The real problem is more involved in this manner and involves a Database view V on the server and XML data responses.

dataSource1 fetches column names from metadata of V
dataSource2 fetches data from V
grid displays some columns of dataSource2 (A,B,C,D) and needs to set css of row based on X,Y,Z

dataSource1.

each column name is used to setup the filelds: property of dataSource2 schema:model
fields[this.name] = this.name+'/text()';

dataSource2.

every column in V will be available

grid

the actual columns displayed can be controlled by the user by typing in a list of regex's such as
^store ^city ^state ^zip mgr
A routine guess() will take the input and find matching column names (case-insensitve). This makes using a static template difficult.

The grid setup is thus:

$("#stores").kendoGrid({

dataSource: dataSource,

autoBind: false,

selectable: "multiple",

groupable: true,

resizable: true,

reorderable: true,

columns: guess('^store ^city ^state ^zip'),

dataBound: function (e) {

$(e.sender.wrapper).find('[data-row-is-special=true]').addClass('my-row-is-special');

}

});

The only piece remaining is how do I set data element 'row-is-special' when I am not using a custom template.

The solution I chose was to tweak grid in the following manner:

Add a new property named "onCloseImplicitRowTag" to the templateSettings: property of the grid configuration
and use it my grid configuration:
templateSettings: { onCloseImplicitRowTag: '# if (X && X != Z && Y && Y > 0) {# data-row-is-special="true" #}#' }

If everything is functioning properly the grids implicit <TR will get a data-row-is-special=true and databound will convert that info into a class setting that has the desired display attributes (bold, italic, white on red)

The kendo.grid.js _tmpl: was modified as follows:

In the "if (!rowTemplate)" section just prior to

rowTemplate += ">";<br>

this was added

var option = settings.onCloseImplicitRowTag;

if (option) {

type = typeof option;

if (type === STRING) {

rowTemplate += ' ' + option;

}

Hope this is helpful and the concept gets rolled into a future version

Regards,
Richard

Grid