Questions on Kendo UI for jQuery Forum

2 answers

184 views

best practice for dealing with large varieted data sets

hey all
im new kendo so id like your opinion

id like to be able to show any of your charts
but in a very dynamic way
ie, if i have a UI area in which i can change params
the chart will respond in kind

would it be best to :

bring down a full data set in a datasource, have it in mem and just filter thru the data
refresh the datasource on every param click
do it some other way you guys have thought of thats way better

thanks!

General Discussions

answered on 20 May 2013

2 answers

113 views

truncated tooltip (bar\column chart)

Hello!

I've noticed that tooltip gets truncated (rather than getting correctly re-positioned to fit chart area).
Bar chart (see attach): tooltip for "long" bars gets truncated.
Column chart (see attach): tooltip for most right columns ALWAYS gets truncated.

Tooltips are super important for my scenario.
How can get this working properly?

KendoUI ver: 2013.1.319
Browsers: FireFox 20.0.1, Chrome 26.0.1410.64 m

Charts

answered on 20 May 2013

5 answers

223 views

Validation Design Impractical

The current design of your validators requires you to build the validator directly into the view. This information should instead be coming directly from the model and should be applied to the view via attributes applied by the model binding. Designing it the way you have causes a great deal more coding than would otherwise required with model binding. Is there any chance I can provide a speclet for how the validators should working using binding with the model to get this in the feature pipeline?

Your friendly super high performance service guy,
Jeff Fischer

Validation

answered on 20 May 2013

1 answer

403 views

Disable DatePicker in Popup Edit screen from Kendo Grid

Hi, I'm using a Kendo Grid which has it's editable mode to popUp. When the edit screen pops up, all the fields from my model are displayed (this is what I want to happen). Many of the fields however, I want to be readonly (or disabled actually). I have an OnEdit method for the grid which is able to make many of the fields disabled, BUT the datepickers are still able to be clicked and the user is able to select a date from the popup calendar.

How can I make the Dropdowns truly disabled so they cannot be clicked to display calendar AND also LOOK disabled?? BTW using $("#AccountLockPeriod").data("kendoDatePicker").enable(false) does not work.

Here is my method:

<script>

function onEdit(e) {

$("#Id").attr("disabled", true);

$("#UserName").attr("disabled", true);

$("#AccountLockPeriod").attr("disabled", true);

$("#IncorrectLogonAttempts").attr("disabled", true);

$("#LastLogOn").attr("disabled", true);

$("#InactivateDate").attr("disabled", true);

$("#CreateDate").attr("disabled", true);

$("#LastUpdateDate").attr("disabled", true);

$("#RegistrationStatus").attr("disabled", true);

}

</script>

Date/Time Pickers

answered on 20 May 2013

3 answers

215 views

Order of itemchange event firing

I am trying to create a UI where I have a tree view on the left, and an edit form on the right that corresponds to the item selected in the tree view. I have attached my test page - it is stand alone. I am binding the edit form from the observableHierarchy change event. My problem is that when I have made a field edit in the form, and then select another item from the treeview, the itemchange events for the *selection* event are fired BEFORE the itemchange for the field data change. This causes me to re-bind the form BEFORE the field edit has been fired -- thereby losing the edit. If I click away from the form, all is well. Binding to the treeview select event does not help, as it fires before any of the observableHierarchy change events.

Can you suggest a better alternative to creating the desired UI? Is there some way to force the viewmodel update from within the select event?

Thanks,
Scott

MVVM

answered on 20 May 2013

7 answers

275 views

Kendo Window appearing absurdly small.

Just updated Kendo UI scripts from Q2 914 to Q3 1114 and everything was working well until I tried to use the Kendo Window. It is currently appearing incredibly small and useless on the screen. Yet when you hit escape, the window appears to resize to the correct size before it vanishes.

Would like to know whats going on please.

Window

answered on 20 May 2013

3 answers

112 views

Misspelled ListView option: "scrollTreshold" (aka "scrollThreshold")

I'm working with the ListView control and noted a misspelling of the word "threshold" in the option "scrollTreshold" (missing "h"). I first assumed it was a typo in the documentation, but quickly realized that the widget has it misspelled internally, so the incorrect spelling MUST be used.

This is minor, but has the potential to cause confusion as users will naturally try to spell "threshold" correctly (as I did). I suggest correcting the widget, but maintaining an alias for the misspelled version to avoid breaking existing code. You can specify the old spelling as 'deprecated' in the docs to warn users to update their code because you will eventually remove the alias in some future version.

/Kevin

ListView

answered on 20 May 2013

2 answers

336 views

Edit Grid: Using DropDownList shows "Undefined" as the DataTextField

I have had great success with your GRID widget but I am having one problem. I am unable to get the dropDownMenu to show the possible choices, “undefined” shows up for every choice. I looked through many threads on this topic but could not find a solution for me.

I have a workable project where you can see this problem.
I modeled this page after your demo: http://demos.kendoui.com/web/grid/editing-custom.html

Login to site "http://life-renewal-test.org" using ID=friend@gmail.com
Psw = friend!
Click "edit" near my Volunteer Offers to get to page manageVolunteerInfo.cshtml
Click on Type “Fund Raising” to get the dropdownMenu choices
All choices read “undefined”

The page data is sourced from: http://life-renewal-test.org/friend/volunteerGridRead.cshtml
The dropdown data is sourced from: http://life-renewal-test.org/friend/volunteerTypeRead.cshtml

Thank you

Grid

answered on 19 May 2013

4 answers

103 views

HTML 5 forms input focus behavior user experience issues

When editing form fields in my HTML 5 kendo mobile app the input focus behavior is strange in iOS webviews and Mobile Safari. Navigating with the iOS keyboard Previous and Next buttons works fine but in our user acceptance testing we found many users tap the subsequent fields they want to edit instead of using these buttons. When the keyboard is present because an input has focus and the user taps on another field, that field is correctly focused sometimes but more often the focus returns to the original field with some "scroll jumpiness", an arbitrary field that was not tapped gains focus, or the keyboard is hidden and no input has focus.

Our app is currently on kendo mobile v2013.1.319 but we found that all versions since 2012.2.719 has the same issue.

Steps to reproduce:

navigate to http://demos.kendoui.com/mobile/forms/index.html in Mobile Safari
tap the "Type text " field so that it gains focus and the software keyboard is shown
tap the password, search, url, email fields and go back and forth tapping among them and observe "scroll jumpiness" and random field focusing behavior.

This behavior occurs on simple, two-input login forms also:

navigate to http://m.socialofficesuite.com in Mobile Safari
tap to focus username or password and tap back and forth between fields repeatedly

Is this glitchiness with the kendo javascript framework or perhaps an issue particular to the element hierarchy form > ul > li > label > input focus behavior?

General Discussions

answered on 18 May 2013

1 answer

95 views

How to bind a date and enable filtering for a field where date is in a format like this > /Date(1368388119000)/

01.<div data-bind="kendoGrid: {

02. data: $root.Reports,

03. groupable: true,

04. scrollable: true,

05. filterable: true,

06. sortable: true,

07. pageable: {

08. pageSize: 10,

09. pageSizes: true

10. },

11. columns: [

12. { field: 'ReportNumber', title : 'Report Number'},

13.

{ field: 'CreateDate', type:'date', template: function(dataItem) { return '<span>' + ConvertDate(dataItem.CreateDate, 'MM/DD/YYYY') + '</

span>';}, title: 'Create Date'}

14. { command: { text: 'View', click: $root.ShowReport }, title:' ', width: 80}

15. ]

16. }">

17.</div>

01.function ConvertDate(value, format) {

02. var valueUnwrapped = ko.utils.unwrapObservable(value);

03. var pattern = format || 'mmmm d, yyyy';

04. if (valueUnwrapped == undefined || valueUnwrapped == null) {

05. return '';

06. } else {

07. var date = moment(valueUnwrapped);

08. var str = moment(date).format(pattern);

09. return str;

10. }

11. }

Hi,

I am using knockout-kendo.js

In the underlying data source for the grid the "CreateDate" is just a string like this: /Date(1368388119000)/
I have been able to display the date in the grid using the template as shown in the code above. But when I try to use the filter on the Create Date field it throws a javascript error : Uncaught TypeError: Object /Date(1368388119000)/ has no method 'getTime'

What is the proper way to bind the date in this format so that the filtering works with it?

Grid

answered on 18 May 2013