Questions on Kendo UI for jQuery Forum

1 answer

142 views

Spider Chart

Hi

Are there any plans for a 'Spider Chart', I think that it would be a great addition to your offerings...

Regards

Daryl

General Discussions

answered on 20 Jun 2012

0 answers

124 views

Merging arrays

Have a look (attached)

So in the example, this is template 1

<script id="campus-template" type="text/x-kendo-template">

<div class="campus-phase-block" data-bind="attr: {data-campusid: CampusID}">

<h3 data-bind="text: Campus"></h3>

<ul data-template="phase-template" data-bind="source: PhaseData" class="phaseBlocks">

</ul>

<div class="verbs">

<h3>Available Actions</h3>

<ul data-template="verb-template" data-bind="source: getVerbs" class="dynamic-list">

</ul>

</div>

</script>

..and here's template 2:

<script id="verb-template" type="text/x-kendo-template">

<li data-bind="click: onRunVerb">

<span data-bind="text: text"></span>

</li>

</script>

So the populating of template 1 works fine, 3 items bound, 3 items displayed. So template 2 however is supposed to return a list of verbs (getVerbs) based on the current ID of that item.

getVerbs: function (campus) {

//Figure out what phase the campus is in, and apply the right verbs

var dynamicItemVerbs = this.verbs[campus.Phase - 1].verbs

var commonVerbs = this.verbs[7].verbs; //The default items

/*

for (var i = 0; i < itemVerbs.length; i++) {

returnVerbs.push(itemVerbs[i]);

}

*/

var merge = $.merge(commonVerbs, dynamicItemVerbs);

return merge;

},

So debugging, it seems like $merge is appending the dynamic items to commonVerbs. Does not making a varable off the "this.verbs[7].verbs" make a copy of that array?

What's the preferred way to do this instead?...serialize to JSON and back or something?

MVVM

asked on 20 Jun 2012

0 answers

95 views

Headers are botched when grouped.

When I have a groupable table, and I group by one of the headers, the left-most header gets really small (in width). See attached screenshot

Grid

asked on 20 Jun 2012

2 answers

366 views

[Solved] value axis format labels to positive numbers

Hi Kendo Team,

Scenario:
I would like to draw two area charts in a single chart such that one of them is drawn above the category axis and the other one below the category axis, with only positive numbers being displayed along the value axis.

Partial solution:
I drew one chart with positive values and the other with negative values and it is working as expected i.e. showing negative labels for the chart drawn with negative values. I would like to format the values axis to display positive numbers (for the numbers in negative direction). Is this possible?

Ideally, I would like to be able to draw the second chart with positive values but in reverse direction (this will help display positive labels for the second chart). I know there is an option to reverse the value axis but not sure how can I use it to draw two charts - one in normal direction and other in reverse.

Thanks,
Amrinder

Charts

answered on 20 Jun 2012

0 answers

104 views

CSS timing

I want to know if anyone has a quick guide on how to make my elements apply the CSS prior to a kendo element applying them. An example would be the kendoAutoComplete. It looks at the element and does some changes to the HTML and applies CSS when it finishes. The problem is this causes a flash of elements that look different depending on the speed of the JS in the browser. This doesn't look professional. I've tried to take the classes that KendoUI applies to the elements and add them to my HTML but then the final look is not correct. Am I just doing something wrong or is this how it was designed?

General Discussions

asked on 20 Jun 2012

2 answers

167 views

Can I somehow bind to a radial gauge?

Can MVVM be applied to a Radial Gauge?

I can't seem to get a data-role to do anything, and if I initalize it in code, I cant data-bind the value either

...custom binder if it's not supported out of the box?

MVVM

answered on 20 Jun 2012

4 answers

324 views

DataSource Error (only in IE )

I am not getting this error from the datasource ("No Transport") for the URL: http:/localhost:4326/mTypes (a local WCF service) on the same machine as the browser.

The data is in JSON format.

Chrome 19, FireFox 13 Do not throw this error.

IE is NOT in compatibility mode.
It is a 64 bit browser.

The e.ErrorThrown is "No transport"

SearchData.dataSourceTemplate = {

type:"json",

transport:{

read:{

url:"http://localhost:4326/mTypes",

dataType:"json"

}

},

schema:{

data:"results",

total:"count"

},

error:function (e) {

alert("Search.js datasource error: " +

"\nthrew: " + e.errorThrown +

"\nstatus: " + e.status +

"\nurl: " + e.sender.transport.options.read.url);

}

};

Data Source

answered on 20 Jun 2012

5 answers

665 views

BUG - Duplicate Axis Points - Column Chart

JS Fiddle example: http://jsfiddle.net/codyinman/JKV49/37/

There are 2 axis values for the number "2" on the Y-Axis. Is there something in the code causing this or this a bug in Kendo UI?

Charts

answered on 20 Jun 2012

2 answers

179 views

Dropdown Validator

I am trying to get a required field validator working with a grid dropdown. I cannot get the error message to show. Has anyone done something like this? Here is an code example of how I defined the field in my datasource model.

DestinationCountry: {
defaultValue:{Name: "", CountryId: null},
   validation: {
                     custom: function(input) {
                                 // set the custom message
                                 var boundTo = input.data("bind");

                                 if (typeof boundTo != "undefined" && boundTo == "value: DestinationCountry"){
                                    input.attr("data-custom-msg", "Please select Country");
                                    var isValid = (input.val() != "" && input.val() > 0);
                                    if (!isValid){
                                        alert("Please select Country");
                                    }
                                    return isValid;
                                 } else {
                                    return true;
                                 }
                                }}}

Grid

answered on 20 Jun 2012

1 answer

145 views

SaveChanges

There is some interesting behavior I have noticed. You can see this in the demo.
http://demos.kendoui.com/web/grid/editing-inline.html

If I edit the first row, changing the Unit price to 20 and then click add record. It appears that my changes were saved. They are not, the save event is never fired. Is there a way to actually save these changes if the row is valid?

If I edit the first row, changing the unit price to 20 then click the edit button for the second row, the first row unit price reverts to 18. It seems odd that these behaviors are inconsistent. Again, if the first row is valid, can these changes be saved when I click "edit" on the second row? How would I accomplish this?

thanks,
Curt

Grid

answered on 20 Jun 2012