Questions on Kendo UI for jQuery Forum

9 answers

587 views

Column Menu with Large Number of Columns

I have a grid that has a large number of columns (50). Although the user will likely only select a few columns to view, he/she needs the ability to select from any of the 50 columns. Unfortunately, on most displays, the kendo grid column menu will be greater than the display. Is there a way to make the column menu scrollable or set sub-menus (that contain groups of columns) within the column menu?

Grid

answered on 02 Oct 2012

0 answers

63 views

what event to follow if I need some custom formatting?

I have a custom function to conditionally color some of my cells in a kendo grid.
I would like to call it everytime the grid needs it. so after it refreshes, after databinding and after sort or any grid change..... and so on

can I do it without using a template? thanks

Grid

asked on 02 Oct 2012

1 answer

89 views

Numeric Textboxes on an iPad require two presses to focus on input

I'm not sure if this is a known issue but I was unable to find any related posts on the forums. On an iPad with iOS 5 or iOS 6, if you press into a numeric textbox, the first press does not bring up the keyboard. The first press only changes the input to numbers only (if it was a currency or percent). The second press brings up the keyboard.

Is there a way I can change the inputs so that the keyboard opens on the first press?

I was able to re-create this issue using the Globlization demos found here (as well as my own code): http://demos.kendoui.com/web/globalization/index.html.

NumericTextBox

answered on 02 Oct 2012

0 answers

235 views

DataSource model schema field names

Is there a list of unallowed parameter names?

I had

schema: {
               model: {
                   id: "id",
                   hasChildren: "hasChildren",
                   children: "items",
                   fields: {
                        level: {
                           type: "number",
                           editable: true,
                           nullable: false
                       }
                   }
               }
           }

Which kept failing for some unknown reason. Eventually I tried changing a working dataSource's extra param to "level" and it started failing. Then I realized that "level" must already be used in dataSource or something.

Data Source

asked on 02 Oct 2012

1 answer

268 views

Kendo UI Autocomplete Options are replacing the text box

I am using an autocomplete control:

var data = ["Books", "Movies", "Music"];

$("#input").kendoAutoComplete({
dataSource: data,
placeholder: "Select Category..."
});

For some reason the list of options is replacing the text box instead of showing below the input box. See the attached screenshots.

Why is this happening?

AutoComplete

answered on 02 Oct 2012

2 answers

201 views

[Solved] Display bug with chrome

I'm having weird display behavior with datetime and drop down component.
The problem is that the dropdown selection remains partially visible when viewing with chrome.

view this demo with chrome to get the weird behavior.
small demo that reproduced the behavior : http://jsbin.com/aziveh/6 and http://embed.plnkr.co/WHdj3d

When you view the same demo in http://plnkr.co/edit/WHdj3d the behavior disappears.This only happens when using chrome.

kind regards,
Doni

DatePicker

answered on 02 Oct 2012

3 answers

320 views

DataViz Dashboard demo

Hi,

Having had mild success with putting a chart into a mobile UI project, I'm trying to take the dashboard demo at
http://demos.kendoui.com/dataviz/dashboards/stock-history.html
and put that into a mobile UI as per one of the demo images showing a dashboard on the iphone (http://www.kendoui.com/Libraries/elements/dataviz-1.sflb.ashx)

I can't get the charts to display, and I again have trouble with the mobile UI tabstrip disappearing completely.

I've created a JS Bin project here: http://jsbin.com/welcome/26994/

Any pointers would be appreciated.

Thanks
Hayden

General Discussions

answered on 02 Oct 2012

1 answer

214 views

Modify Column Template On Runtime with javascript

Hello
I have tried and search for solution to modify Column template
e.g.

$("#gridscreenerconfigs").kendoGrid({

groupable: false,

sortable: false,

scrollable: {

virtual: true

},

filterable: false,

pageable: false,

columns: [{

field: "fEnable",

title: "Enable"

}, {

field: "fCategories",

title: "Screener"

}, {

field: "fRange",

title: "Range"

}, {

field: "fReorder",

title: "Order"

}, {

command: "destroy",

title: "Remove"

}

]

});

i tried some thing like

var grid = $("#gridName").data("kendoGrid");
grid.columns = [];
$("#gridscreenerresult").kendoGrid({
groupable: false,
sortable: {
mode: "multiple",
allowUnsort: true
},
reorderable: true,
columnMenu: true,
scrollable: {
virtual: true
},
filterable: false,
resizable: true,
pageable: {
refresh: true,
pageSizes: true
},
columns: columnfield2
});
grid.refresh();

Nothing works so far, is it possible at all?

Hi If adding removing columns not work during runtime with javascript then can you guys show me how to show / hide columns on runtimes programatically? this way i can still complete my project. If all is not well, i will have to roll back to Telerik Ajax instead - spent tons of times on Kendo already.

Grid

answered on 02 Oct 2012

1 answer

151 views

change Item template

How do i to change the item template from de Panelbar in order to add new attributes to the li element?
How can a access the datasource item for the select item?

PanelBar

answered on 02 Oct 2012

1 answer

172 views

Problematic Details Templates

Hellow,
When I use this following code I get error "Invalid template" by "kendo.web.js"
I tried it first by script but the script from the kendodropdownlist closed the main script of the tamplate and it forced me to put it in a div. Both are wrong. What can I do for doing this simple example?

the code by script:
<script id="employeesTemplate" type="text/kendo-tmpl">
@(Html.Kendo().DropDownList()
.Name("AddressSource")
.BindTo(new List<string>() {
"רשמית",
"מדווחת",
"למשלוח דואר"
})
)
</script>

the code by div:
<

div id="addressEditTemplate" style="display:none;">
@(Html.Kendo().DropDownList()
.Name("AddressSource")
.BindTo(new List<string>() {
"רשמית",
"מדווחת",
"למשלוח דואר"
})
)
</div>

Thanks in advance.

Grid

answered on 02 Oct 2012