Questions on Kendo UI for jQuery Forum

4 answers

1.3K+ views

grid configuration : how to add fields to dataSource.schema.model.fields at runtime

What is the proper way to add field objects at runtime to an incomplete, i.e. only partially defined, dataSource schema model fields object? While some of the model fields will be pre-defined as part of the grid configuration, some of the column-names of the grid will be based on fields that are not known at design-time; they will be the names of employees in a department, and so they are not known until the department is selected by the user. So fields have to be added to the model, and corresponding columns have to be added to the grid at runtime.

Date..........Tom...........Dick..............Harry..............Jane...............Liz
1/1/2013......90.............180...............23.....................65..................50
1/2/2013......65.............210...............19.....................99..................28
1/3/2013......25.............100...............89.....................54..................22
.
.
.
1/31/2013

or a different department:

Date..........Ralph.........Delores.......Fred.
1/1/2013......19.............120...............41
1/2/2013......57.............315...............29
1/3/2013......21.............246...............63

Grid

answered on 05 Feb 2013

1 answer

81 views

Splitter's arrow is wrong in ie9.

Hi.
Splitter's arrow is abnomal in ie9,
it is ok in chrome.
e.g when i open http://demos.kendoui.com/web/splitter/index.html, resize a splitter in the page, after release the mouse button, the mouse cursor still is "<-->".
Thanks!

Splitter

answered on 05 Feb 2013

2 answers

114 views

[Solved] File selection causes multiple instances to be created...

Hey guys,

I have the Kendo stuff setup with Visual Studio 2012 and MVC 4 and everything seems to be working OK. However, the upload functionality is not working as expected. See the attached image for more details. It doesn't matter where in the application I place the upload, I get the same results. However, if I create a project from the Kendo project template the Upload piece works and I do not get the repeated items placed into the page. More than anything I need to know what I am missing.

Thanks!

<div>

@using (Html.BeginForm("UploadFile", "Home", FormMethod.Post, new { id = "uploadForm" + item.CorrespondenceId.ToString(), enctype = "multipart/form-data"})){

@(Html.Kendo().Upload()

.Name("files").Multiple(true)

)

<p>

<input type="submit" value="Submit" class="k-button" />

</p>

}

</div>

Upload

answered on 05 Feb 2013

3 answers

509 views

How to change the size of chart?

I had created a chart,but it is to small.I want to change it's size.what I should do ?

Data Source

answered on 05 Feb 2013

0 answers

81 views

Requesting some feedback on DataSource CheatSheets

I am really frustrated with how Kendo UI documents and supports, so I am doing something about what I can.

I am in the process of making some DataSource Cheatsheets for myself and anyone else who thinks/learns/forgets the way I do :)

At this point I am most interested in hearing about what is missing from the set I have made so far. If you know of other infodumps out there please share!

MAC

Data Source

asked on 05 Feb 2013

2 answers

168 views

Overlay bug with animation disabled

I've got a setup similar to the one shown in this fiddle: http://jsfiddle.net/ryan_nauman/YWLtH/. A modal window is opened with some placeholder loading text and when some async completes I re-use the existing modal, show the real content, and open/recenter.

Strangely, when animation is disabled the overlay sticks around. It's interesting that if the first modal is closed the overlay is removed. Once the second one appears after the delay, the overlay isn't removed.

I stepped through this code a bunch and am puzzled by this logic:

shouldHideOverlay = options.modal && !modalWindows.length;

Anyways, this was the only strange thing I noticed. I'm not quite sure how animation plays into this bug.

Window

answered on 05 Feb 2013

2 answers

316 views

Column Resize Bug IE

I'm encountering a strange issue... when I resize any column in IE (v9 for this example)
All of the columns disappear except for the one I am resizing and the last one.

I have tried the resize column demo in IE and it does work. I can't repro this outside of our application.

Apparently someone else is encountering this error
http://stackoverflow.com/questions/14579682/kendo-grid-resize-shrinks-all-the-columns-in-ie

Any suggestions?

-John-

Update on this: When you mix between px and percentage is when the bug occurs. if I have a fixed width and I resize a column, it will jump to that size but not hide. the percentage is what I think breaks it. I'm verifying this now.

Grid

answered on 05 Feb 2013

1 answer

170 views

HELP - Data Source Kendo UI Mobile

Hello, I am new to Kendo UI ( using the Mobile version at this second ) I am trying to wrap my hand around how to Store and Get data on a mobile device. Can someone point me to some samples?

is there a way to save the data to a SQLite database on the device - or even push that data to like a dopbox account or even skyrive?

Also the App will be compiled using PhoneGap - ( at least that's what I am thinking ).

Thanks

Larry Meadows

General Discussions

answered on 05 Feb 2013

1 answer

326 views

Select (Listbox or Dropdown) not Updating with View Model

When I update one of the items in my observable array the change does not appear to be reflected in my dropdown box or listbox.

Here's a jsbin sample of the problem: http://jsbin.com/isiguz/1/edit

If you edit an item's name the change is not reflected in the <select>

MVVM

answered on 05 Feb 2013

1 answer

134 views

Missing TabStrip

I just updated to the latest Kendo Mobile build. 2012.3.1315

After updating all my code to make it work again. I did a build and found the tabStrip stop showing up.
I will send you the Demo site. http://www.rls2000.com/demos/m/

Please tell me what happened. If you turn off the
.km-phone .km-ios .km-tabstrip {
display: table;
}
and
.km-phone .km-ios .km-tabstrip .km-button {
display: table-cell;
}

You can see the tabs again, but there is still a large white box at the bottom of the page.

TabStrip (Mobile)

answered on 05 Feb 2013