Questions on Kendo UI for jQuery Forum

0 answers

92 views

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

360 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

103 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

164 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

320 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

658 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

171 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

143 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

8 answers

1.4K+ views

Passing parameters to webmethod

I am new to using the Kendo UI suite of products, and am going crazy trying to pass a parameter to my c# webmethod. I have everything up and running when I don't use the paramter, and data pulls, saves, etc. just fine. But, when I try to pass the parameter, I get the error:

Invalid web service call, missing value for parameter: \u0027ageGroupID\u0027.

The relevant code is below. Note that this is just the most recent iteration of the code, as I have tried a lot of different ways to get this working, based on the information found in this forum, and elsewhere.

I have set the variable many different ways. The most recent was to pretty much set the json, but I have tried just setting the value I am passing, then setting the full json in the data: statement.

var miniMiteAgeID = { 'ageGroupID': "11" };

Here is my read statement:

read: {

url: "AssociationStats.aspx/getPlayerInfo", //specify the URL which data should return the records. This is the Read method of the Products.asmx service.

contentType: "application/json; charset=utf-8", // tells the web method to serialize JSON

dataType: "json",

data: JSON.stringify(miniMiteAgeID),

type: "POST" //use HTTP POST request as the default GET is not allowed for web methods

},

My webmethod is below...

[WebMethod]

public static IEnumerable<teamPlayers> getPlayerInfo(string ageGroupID)

{

//Do a bunch of stuff

}

Any help or suggestions you might have would be greatly appreciated. I am at my wits end.

Thanks,

Scott

Grid

answered on 20 Jun 2012

1 answer

236 views

Grid inline DropDown with own datasource, but dependent fields?

Hi,

I have a Grid with Customer - Order datas. In my datasource model there are customer name and customer id. In the grid there is only the customer name visible.
When I'm editing the row, the Customer name is a DropDownList, with custom Customer datasource (name, id).

So how can I make that, when I change the Customer name in the grid, it sholud change the customer id too in the customerorder datasource? Now my program is working, but when I change Customer with dropdown, in the model its change only the customer name.

I hope I was clear?

I think I should use the DropDownList's change event. How can I get the current datasource item's id field, and update this id to the parent datasource customer id?

function dolgozoDropDownEditor(container, options) {

$('<input data-text-field="nev" data-value-field="nev" data-bind="value:' + options.field + '"/>')

.appendTo(container)

.kendoDropDownList({

autoBind: false,

dataSource: dolgozodata,

change: function () {

options.model.dszam = 100; // Here I need this.dataitem.id or something like this

}

});

}

Please advice,
Lajos