Questions on Kendo UI for jQuery Forum

0 answers

163 views

Combobox needs to be fired twice to work

Hi

I have three combo boxes (department, category and sub category), see attached jsfiddle example: http://jsfiddle.net/cFLQr/1/

When I select the second combobox (category) the change event is fired but, for some reason, if I then click then third combobox immediately (without any other interaction on the page) I get an error of "Cannot read property 'value' of undefined".

If however I do things slightly differently and select the second combobox (category) then make a click elsewhere on the page, the event is fired twice (once on change and once on click elsewhere on page). The second change event stops the above error and passes the correct information.

Please can you help me to understand why there is a second change event on clicking elsewhere on the page and also why the first change event doesn't do the job of the second change event. :-/

Thank you very much
Rich

ComboBox

asked on 08 Oct 2012

2 answers

271 views

How can I set the Gauge value by DataSource

My charts are filled and updated with data from DataSource. How can I make this with a Gauge object?

LinearGauge

answered on 08 Oct 2012

3 answers

1.4K+ views

[Solved] Dynamic Url in Window

I have a grid with custom commands to view an order's details. When clicking on the button I want to launch a Kendo Window and add the order's id into the url of the content. Is this possible?

var wnd = $("#window").kendoWindow({
title: "Order Details",
modal: true,
visible: false,
resizable: false,
width: 400
}).data("kendoWindow");

function showOrder(e) {
e.preventDefault();
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
var url = '<%= ResolveUrl("~/MyOrder.aspx?orderId=") %>' + dataItem.Id;
wnd.content(url);
wnd.center().open();
}

Window

answered on 08 Oct 2012

1 answer

103 views

(RTL) Right to Left

Looking at 2012 Q3 Roadmap, I noticed that you have scheduled Accessibility and RTL support. That's great news!
Just wondering when is Q3 due date and what's it's status right now.

Thanks in advance.

General Discussions

answered on 08 Oct 2012

0 answers

94 views

Grid Ajax on Action call sets to first page

Hi,

I am trying to implement Grid Ajax but when I click on page 2 the grid is set to 1st page.

following is the view:

@(Html.Kendo().Grid(Model).Name("baseUserInfoGrid")
.Columns(columns => {
columns.Bound(m => m.User_Id);
columns.Bound(m => m.Name);
columns.Bound(m => m.Email);
}).Pageable().Groupable().Sortable()
.DataSource(a => {
a.Server().Read("Index", "Admin");
a.Ajax().Read("_Index", "Admin"); })
)

and Actions:

public ActionResult Index()
{
return View(GetBaseUserInfo());
}

[GridAction]
public ActionResult _Index()
{
return View(GetBaseUserInfo());
}

am I missing something?

Regards,

Yeou

Grid

asked on 08 Oct 2012

1 answer

153 views

logarithmic scale

Is there a featurre in kendo charts like logarithmic scale ???
Regards,
Neil

Charts

answered on 08 Oct 2012

1 answer

97 views

[Solved] Error in Chart -> CategoryAxis Documentation?

In the CategoryAxis Documentation is says:

categoryAxis.type: "Date".max Number

The last date displayed on the axis. By default, the minimum date is the same as the last category. This is often used in combination with the min configuration option to set up a fixed date range.

But as I illustrate in this jsFiddle, I believe that should actually be a JavaScript Date Object. Anyone agree?

Charts

answered on 08 Oct 2012

1 answer

140 views

Referencing all DDLs by class

We can create DropDownLists by class:
        $(".theClassName").kendoDropDownList({});

And we can reference them by id to apply methods:

     var list = $("#theID").data("kendoDropDownList");
    list.select(0);
    list.refresh();

But it doesn't seem we can reference all lists by classname:

    var allLists = $(".theClassName").data("kendoDropDownList");

allLists is undefined. Is there a way to apply a method to all dropdownlists of the same class?

DropDownList

answered on 08 Oct 2012

4 answers

1.3K+ views

[Solved] autobind: false still reads on pageload

I've got several dataSources on a page. I want one of the dataSources to read on page load, while the others should only read when I tell them to:

var aDataSource = new kendo.data.DataSource({yaddayaddayadda});

var bDataSource = new kendo.data.DataSource({yaddayaddayadda});

var cDataSource = new kendo.data.DataSource({yaddayaddayadda});

function readDataSources() {

bDataSource.read();

cDataSource.read();

};

$(document).ready(function () {

$("#aGrid").kendoGrid({

dataSource: aDataSource,

autobind: true

});

$("#bGrid").kendoGrid({

dataSource: bDataSource,

autobind: false

});

$("#cGrid").kendoGrid({

dataSource: cDataSource,

autobind: false

});

})

When the page loads all dataSources read. What am I doing wrong?

Data Source

answered on 07 Oct 2012

2 answers

2.4K+ views

Grid cell template for image with JavaScript selector?

Dear KendoUI team,
my grid displays data delivered from a JSONP webservice.
Rather than extending the webservice model
I would like to tweak a column on the client side to show an <img> depending on the value of another property in the model.

So, how can I show an <img> which' src depends on the value of another property in the model?
For instance:
the service model has a

Name (string)
IsValid (boolean)
Count (number)

property.

Column definitions in the grid look like:
columns:[
   {field:"Name", title:"Product"},
   {field:"IsValid", title: "State"}
]

What I actually want is a column that should behave like:
   {field:"IsValid", title: "State"
     , template: {
         function(model) {
           if(model.IsValid && model.Count > 0)
              return "<img src ='images/good.png'/>";
           else return "<img src ='images/bad.png''/>";
       }
      }
   }
According to the - much better - documentation, "template" property expects a string, but is it possible to add some JavaScript code to the template string as well, something like

var imgTemplate = kendo.template(
   "#if (model.IsValid && model.Count > 0){#<img src='icons/A.png'/>#}#else {#<img src='icons/B.png'/>#}#");

and in the columns definition

template: imgTemplate(model)

Thank you in advance,
Hermann

Grid

answered on 07 Oct 2012