Questions on Kendo UI for jQuery Forum

5 answers

293 views

[Solved] Incorrectly displaying number data on the X axis?

I have a datasource defined where everything is of type:'number' when I plot my dataseries I get the attached graph. Why is the chart package allowing multiple numbers to be placed not in order on the x-axis? It should start with -.002 and then progress right in a linear evenly-spaced order, what I am I missing?

Charts

answered on 09 Jul 2012

1 answer

94 views

Inconsistent behavior with long labels and rotation.

I have a chart where I needed to rotate the labels (since I couldn't figure out how to wrap long lines, please add this), however one label is only three characters long, and so it centers on its column, while the rest are longer labels and align themselves to the left of their columns. Anyway to make this consistent?

Charts

answered on 09 Jul 2012

3 answers

740 views

Editable inline & popup

I really like the automatic grid celll/row editing provided by
editable: 'inline' | 'popup'

Is there a way to have the 'add new record' action use popup, and the 'edit existing row' action use inline ?

Thanks,
Richard

Grid

answered on 09 Jul 2012

2 answers

124 views

Kendo Mobile & WebUI - Datagrid

I have a datagrid inside a Kendo Mobile app.
I am able to populate the grid with data on the initial page view but subsequent views continue to "add" to the datasource array dispite (all) my efforts to clear it prior to binding.

I am using AJAX(obviously) and during my onSuccess callback, I clear the original source varable (array) ,
then set it to the data returned from ajax and finally call my loadGrid routine to define the KendoGrid.
I have even tried passing in the refreshed data array but I know it is still bound to the grid itself.

I have also tried setting the grids datasource to null, and [] but it just keeps appending data and doesn't clear it.
I can see my grids pager goping from 5 pages to 10.
Is there a simple way to remove the data / binding?

here is psuedo code:

var CustData = [ ];

function onSuccess(data,status)
{
CustomerData.length=0;
CustomerData = [];
CustomerData = data.d;
loadgrid(CustomerData );
}

function loadGrid(custData) {
$("#grid").kendoGrid({ { data: [ ] } }); // futile attempt to clear

    $("#grid").kendoGrid({
              { data: custData, pageSize: 20 }
               // dataSource: new kendo.data.DataSource({data: custData})
          });
}

General Discussions

answered on 09 Jul 2012

0 answers

149 views

Tree View Not Displaying

Hi,

I have a tree view that I am trying to use and I appear to be having an issue.

Under normal conditions it does not display, but if I put some text in front of the line <ul id="treeView"> even just a full stop it displays perfectly, does anyone have any ideas what is going on?

TreeView

asked on 09 Jul 2012

0 answers

209 views

dynamic form generation / MVC4(razor)+KendoUI

Hello,

I need advice how to approach one nice problem... I have to generate kind of complex form based on very dynamic xml (that will most probably end up as my model entities).

The main question would be what do you think it is the easiest way to dynamically add kendoUi form elements with their validations, bindings etc on the form ?

Thank you in advance.

General Discussions

asked on 09 Jul 2012

0 answers

145 views

view model gets disconnected when switching views

Never mind. For some reason it works now that I'm using the unminified files.

Application

asked on 09 Jul 2012

3 answers

305 views

Grid Edit Mode: Selecting Item from KendoComboBox does not display selected value.

Hello guys,

I have the following grid:

_grid.kendoGrid({

navigatable: true,

pageable: true,

editable: true,

toolbar: ["create", "save"],

columns: (_columns.length > 0) ? _columns : null,

dataSource: {

data: (_view.data > 0) ? _view.data : null,

pageSize: 100,

schema: {

model: {

id: "id",

fields: _spec

}

},

});

The columns for the grid, and the fields for the schema's model are generated as follows:

var _filter = null;

var _columns = new Array();

var _spec = new Array();

for (_field in _view.fields) {

if (typeof _view.fields[_field] == 'undefined') continue;

var _f = _view.fields[_field];

if (_f.type == 'DropDown') {

_filter = {

field: _f.key,

title: _f.title,

editor: setEditor(_f)

};

_spec[_f.key] = _f.key;

}

else {

_filter = {

field: _f.key,

title: _f.title

};

_spec[_f.key] = {

type: getKendoFieldType(_f),

//editable: true,

validation: {

required: ((_f.required) ? true : false)

//min: 1

}

};

}

_columns.push(_filter);

}

_command = {

command: 'destroy',

title: ' ',

width: 110

};

_columns.push(_command);

When I click an item in the grid that's supposed to be a DropDown, it calls the method "setEditor" as per the code above, it looks like this:

setEditor: function (_field) {

var _context = this;

return function (container, options) {

$.post('/api/',

{

method: 'GET',

api: context.api + _field.populateapi,

json: ''

},

function (data) {

if (!_context.valid(data, true)) return;

var _data = $.parseJSON(data);

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

.appendTo(container)

.kendoComboBox({

autobind: false,

dataValueField: 'id',

dataTextField: 'datatext',

dataSource: _data

});

}

},

The grid gets generated just fine. When I click on one of the fields that's supposed to be a drop-down field, it works fine too, the combo-box gets generated. When I selected something for the drop-down, it doesn't dissapear, it also doesn't put the selected text in the field on the grid. I looked at many examples, but I can't figure why this isn't working.

Any help would be appreciated. Thanks for your time!

Grid

answered on 09 Jul 2012

0 answers

128 views

Up-Down Scroll in Menu

Hi,
I want set a particular height for sub-menu rendering i.e to specific no of sub-menu items and if number of sub-menu items extends,i want to enable a top-down image which would scroll the menu items top/down.
Also if no menu items exist at bottom or top the respective image should be invisible.
The Attached Screen shot explains the same.
Kindly reply as soon as possible...plz
Thanks in Advance.....

Menu

asked on 09 Jul 2012

3 answers

615 views

Kendo Pager Refresh

Hi,

I have Listview with pager. on search change event am binding listview and pager using data source. on first binding listview and pager is working properly but not in successive binding. listview is refreshing in successive binding but pager is not. (its adding one more row (attachment))
below is my code:

HTML:

    <div>
                <input type="search" id="fieldSearch" placeholder="search...">
                <div id="listView" style="height: 325px; overflow: auto;">
                </div>
                <div class="k-pager-wrap">
                    <div id="pager">
                    </div>
                </div>
    </div>

Jquerry:

$(document).ready(function () {
$("#fieldSearch").live("change", Search);

}

function Search() {
 
 var tSearchText = $("#fieldSearch").val();
 
 var dataSource = new kendo.data.DataSource({
      transport: {
                  read: {
                          url: "http://...." + tSearchText,
                          dataType: "json"
                         }
                  },
                  pageSize: 12
      });
                            
      $("#pager").kendoPager({
               dataSource: dataSource
       });                              
 
       $("#listView").kendoListView({
                                    dataSource: dataSource,
                                    selectable: "single",
                                    dataBound: onDataBound,
                                    change: function (e) { onChange(e) },
                                    template: kendo.template($("#Template").html())
        });
 
       }

    <script type="text/x-kendo-tmpl" id="Template">
                    <div style="height:27px; cursor: pointer;">
                          <span>${Name}</span>                     
                    </div>
    </script>

Data Source

answered on 09 Jul 2012