Questions on Kendo UI for jQuery Forum

1 answer

653 views

I am needing to reset my datasource to grab parameters from my page to reload the chart. Is there a way to make this happen?

Here is my code for the chart currently. I need change the querystring that goes back on the url for the remote datasource based on page values.

$("#chart").kendoChart({

dataSource:

{

transport:{

read:{

url: "@Url.Action("BusinessUnitCompareChart")" + "?date=" + $("#DateFilter").val() + "&StructureId=" + "@ViewData["StructureId"].ToString()" + "&buids=" + "@ViewData["buids"].ToString()",

dataType:"json"

}

},

group:{ field:"Name"},

sort:{

field:"Name",

dir:"asc"

}

},

series:[{type:"column", field:"Count"}],

seriesColors:["#C81717","#8E908F","#0098DB"],

categoryAxis:{ field:"CategoryName"},

theme: "Metro",

title: {

text: "Open/ Aging/ Closed"

},

tooltip: {

visible: true

},

seriesClick: onSeriesClick

});

Charts

answered on 16 Jul 2012

0 answers

247 views

Loading Data into Dropdownlist...

Can someone please help me figure out how to load data into my dropdown and also trigger an event and pass the text value into the method so I can update my grid. I'm using KendoUI along with MVC3.

here is what I came up with but obviously I need some tweaking.

dropdownlist.
@(Html.Kendo().DropDownList()
          .Name("CodeManager")
          .DataTextField("ClassificationText")
          .DataValueField("ClassificationText")
.Events(e => e.Change("change"))
          .BindTo(ViewData["ClassificationItems"] as SelectList) //Not sure where the binding to my controller goes to or how it gets called
        )

Controller:
public ActionResult Change(string someValue = "")
        {
            ViewData["Category"] = "Types";
            ViewData["Classifications"] = new SelectList(Classifications.List, "ClassificationText", "ClassificationText", someValue );
            var codModels = new List<CodeModel>();
            ViewBag.SelectedCatgory = someValue ?? "Type";

            if (Request.HttpMethod == "POST")
            {
                var model = _codeRepository.Search(someValue ).ToModel();
                return View(model);
            }
            return View(codModels);
        }

Thanks
Dennis

DropDownList

asked on 16 Jul 2012

1 answer

118 views

Need ability to use input controls when in view mode

If you use an input control in a column (via row template or column template), the click event that tells the grid to switch to the editor template/function does not fire when you click directly on the input. I see the code in the kendo.grid.js that ignores when this is an input, but I question why. If you click to the left or right in the cell of input, the editor does show as I would expect.

Note that the default behavior of showing text until you click the text and then the editor shows will not pass with our users. It is not clear that you can click on this text and that it will become an input. This is just not intuitive. They have specifically asked for input boxes in the columns that are editable both at view and edit time.

To fulfill this requirement, I have had to resort to a pretty "hacky" workaround. However, this does work across all IE7-9, Chrome, and FF. I am creating an almost transparent div that covers the entire cell at view time. User thinks they are clicking the input at view time, but in reality they are clicking the overlay (which is not an input and therefore gets past the code in kendo.grid that ignores clicks for inputs).

Anyone have a cleaner suggestion?

Below is the fiddle showing my workaround. The first grid is default and requires that you click outside the input to get the editor. The second grid has my hack and you can click anywhere in the cell to get the editor.
http://jsfiddle.net/r2musings/HH9Qp/4/

Grid

answered on 16 Jul 2012

0 answers

234 views

Problem with JSONP data

Hy,

i have some troubles by recovering a remote JSON file and my list view.
Here's my code (index.html) :

<ul data-role="listview" data-style="inset" id="selogerlistview"></ul>

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

<img class="item-leftimg" src="${nom_article}"/>

<h3 class="item-title"><a>${nom_article}</a></h3>

<span class="item-bubble">${nom_article}</p>

</script>

And my JS :

function init_seloger() {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "http://www.mylorraine.fr/api/jsonp_matth.php",

dataType: "jsonp",

contentType: "application/json; charset=utf-8",

type: "GET"

}

},

error: function(e) {

console.log(e);

},

schema: {

data: "categories_article"

}

});

$("#selogerlistview").kendoMobileListView({

dataSource: dataSource,

template: $("#listviewseloger").text(),

endlessScroll: false,

click: function(e) {

}

});

}

As a result, i have a parse error :( and a Javascript Syntax error (capture2.jpg)
When i change the JSON file with parenthesis, i have no more Javascrip label error, but a jquery parse error (capture1.jpg).

Please, someone could help me ?

ListView (Mobile)

asked on 16 Jul 2012

0 answers

150 views

Format Datetime

Am I missing something or is it not possible to format a SQL Server datetime field (eg: 2010-06-18T00:00:00) via kendo.toString()?

Grid

asked on 16 Jul 2012

4 answers

127 views

[Solved] Android tablet Splitview pane has sidescrolling

We have one pane in our split view that contains search results. However this pane, when looked at in an android tablet has side scrolling enabled for some reason. In iPads the behaviour is as expected and side scrolling is not enabled. The search pane has a listview of results and can be limitlessly scrolled to the right in the android tablet, making it seem like the results disappeared. Is this a bug with the beta version? Or is there another setting we should be setting?

SplitView

answered on 16 Jul 2012

3 answers

166 views

ListView elements losing select style, and listview.refresh() does not gain it back.

I have a Mobile ListView which I am adding to dynamically. If the user adds 1 - 2 elements to it and then clicks on them they are highlighted blue as a selection indicator. If the user adds more to the list than 1 - 2 this selection goes away.

Every time a user adds/removes an element from the list this code is run:

listView = $('#favorites-list').data('kendoListView')

listView.refresh()

I would expect this to renew the highlighting selection indicator, but it does not.

What am I doing wrong here? Thanks!

Edit 1: Oh by the way, I am using coffee script so that is all legal.

ListView (Mobile)

answered on 16 Jul 2012

1 answer

237 views

How to set the pager template?

I know this was introduced in Q2 so I could not find this in the docs yet, but how do I set the pager template for the grid?

Grid

answered on 16 Jul 2012

1 answer

85 views

Rendering error with sample demo datapicker on IE 9

I am running the sample http://demos.kendoui.com/web/datepicker/index.html with IE 9. I've noticed the rendering issue shown in the attached picture with all themes except Metro.

Note that I'm seeing this on IE 9 in standard mode.

Gerry

DatePicker

answered on 16 Jul 2012

1 answer

127 views

Can SplitView handle rotation to Portrait just like native SplitView

In the native SplitView, when you rotate the IPad to Portrait, the Left panel is hidden, and a button it added to the top left. When this is selected the Left panel displays as a popup.

When I am testing the KendoUI Mobile demo for SplitView, it stays visible on Portrait rotation, and shrinks the width of the right panel.

Is this functionality existing or planned for the future?

Steve

SplitView

answered on 16 Jul 2012