Questions on Kendo UI for jQuery Forum

3 answers

2.8K+ views

Hi,

I'm evaluating the Kendo UI Web and my customer would like to emulate the functionality as shown in the demo here http://demos.kendoui.com/web/grid/index.html

We like to have a settings button which displays a list of available columns in the grid and show/hide them from there instead of the column menu on each column. I understand the functionality in the demo is a image mockup, however, my client would like this functionality after seeing this.

How can I reference the grid externally or through a header 'settings' option and manipulate its columns visibility?
Also, is there a way to save these settings per user and pre-load the grid with their choices of columns?

Thank you!
-Vik M

Grid

answered on 12 Feb 2013

4 answers

426 views

Button click(touch) only works after several times on devices

Hi

I have created a view with 3 data bound controls to a view. On click (or touch if it is on a device) I am expecting the view to change. This works great if I test it on my desktop browser. However when I try it from a physical device it seems problematic. It takes several touches before it actual seems to fire. This happens on Ipad, Android 4.2, and Iphone. I expect I am doing something wrong, however I cant find the problem.

Please have a look at the JSfiddle http://jsfiddle.net/rihanmeij/ULtkP/ that I created here that has all the important bits of code. The button also does not work on JSFiddle, but it works when I run it from my local web server and a local browser.

What is the order that Javascript elements needs to run in? First your View model, then your binding, and then at the very end you load up the mobile.Application?

Thanks
Rihan Meij

Button (Mobile)

answered on 12 Feb 2013

1 answer

276 views

Kendo ui inline textbox field width on edit mode

Hi Guys,

Is there any way i can decrease the width of textbox field in inline editing grid (edit mode) . Currently all the text field width is the same. Or how i can make the textfield the same size as it header.

Thank you

Grid

answered on 12 Feb 2013

5 answers

137 views

DataViz Stock Chart issues with KendoUI Mobile

Hi,

i am using dataviz stock chart(candlestick) in my kendo mobile app and bind this (like: dataSource: {data: chartviewmodel.chartpoints}) on observable collection of data in json format like this (var chartviewmodel = kendo.observable({
chartpoints:[{
"Date": "2011/03/31",
"Open": 44,
"High": 44.56,
"Low": 43.94,
"Close": 44.5,
"Volume": 2340500
}
]
});)

but there is two problems with that:
1- if i open this view on my iphone and left it for a while it crashes and browser closes
2- when i add a new entry in the observable collection whole chart refreshed and redraw every point again but not only the new added point.

so can u help me to solve these two issues with stock chart ?

General Discussions

answered on 11 Feb 2013

3 answers

124 views

Kenod grid Templates

Hi,

I am new to kendo and i am trying to archive like attached screen shot can any one help how to get done.

Thanks,
Verru.

Grid

answered on 11 Feb 2013

4 answers

85 views

Updated from v2011.3.1129 to v2012.3.1315 and IE7 drop downs and buttons no longer work

Hello,

I just updated from v2011.3.1129 to v2012.3.1315 to get drop downs to work with windows 8. Well now everything works fine in windows 8 but my drop downs and buttons in IE7 no longer work.

DropDownList

answered on 11 Feb 2013

1 answer

87 views

PhoneGap and Other OS's

Hello,

I was planning on building a PhoneGap application. I was considering Kendo Mobile, but noticed that it supports Android, iPhone, and Blackberry. Is Kendo Mobile a good toolset to use for Windows 8 or Windows Phone 8 in a PhoneGap environment? Obviously, Kendo supports a native look and feel for the 3 supported OS's, and I'd have to do this manually. But overall, will the controls work for these environments?

Any plans to come out with native look and feel for Windows 8 and Windows Phone 8?

Thanks.

General Discussions

answered on 11 Feb 2013

1 answer

182 views

Adding a KendoDatePicker to a Tree Node

I have a Kendo TreeView that I am using Templates to control what controls are added to the child node.
When I Append a node and apply the template I want a KendoDatePicker to be added to the child node, along with several other controls.

I apply the kendoDatePicker and the input changes into the KendoDatePicker. The problem is that when I select the DatePicker the calendar control flashes visible and then disappears. It looks like a Kendo Tree node does not support having other Kendo Web Controls as part of a child node template. The mouse up event seams to conflict with the tree node events and makes the embedded controls not display correctly. I have tried this with the KendoComboBox and the KendoDatePicker. They look correct until they are clicked on. Then they flash display their functionality and it disappears making them not usable as the desired Kendo Control.

Does the Kendo Tree Node Template support having other Kendo controls in them?

Thanks,
Justin

TreeView

answered on 11 Feb 2013

3 answers

193 views

No scrolling on x-axis

Hi!

Is there any way to completely prevent scrolling on the x-asis on iPhone 4-5?

I have tried overflow-x:hidden on various elements including body but it doesnt work. Several posts on blogs says it can be done. Is it something in the kendo style that prevents it?

We are animating content (jQuery's .animate) moving to the right and revealing a menu underneath, but then scroll bars appear. We tried display:none on the overflowing content but that totaly mess up kendo scroll view when navigating to the view again.

Thanks

General Discussions

answered on 11 Feb 2013

2 answers

1.0K+ views

Binding multiple Events for a Grid with the => notation

Hello Community,

I have a syntax problem, which even with extensive internet search, I found no solution.

I want to create a grid with a function bound to the "DataBound" and the "DataBinding" event.

My Syntax is like this (incomplete snippet here, but correct:working)
@(Html.Kendo ().Grid<mvcEw.Models.WeldersModel> (Model)
                                        .Name ("MasterGrid")
                                        .Events (events => events.DataBound ("gridDataBound"))
                                        .HtmlAttributes (new { style = "height:100%;" })
...

But this binds only the "DataBound" Event. How can I add here additionally the "DataBinding" Event? An additional row like
       .Events (events => events.DataBinding ("gridDataBinding"))
direct under the first .Event row gives syntax and runtime error. I'm stuck here.

All Samples in the net bind only one event like this and I don`t want to bind afterwords via JavaScript. All declaration should be together for this grid.

In hope for help
Thomas

Grid

answered on 11 Feb 2013