Questions on Kendo UI for jQuery Forum

1 answer

258 views

[Solved] Grid columns show/hide manually - Firefox display issues

I've got a rather complicated grid, where I am using minScreenWidth to show/hide some columns based on screen width, but I am also manually showing/hiding other columns (grid.showColumn/grid.hideColumn) that have special uses. For example, I have a "mobile" column that is only visible on bootstrap xs - and all other columns are hidden on bootstrap xs (hidden using minScreenWidth). This "mobile" column is a template column and shows the data in that one cell in a stacked format, one line in the stack for each "normal" column, where is shows the field name: field value. Ideally, Kendo would have a maxScreenWidth, but I digress. The second column that can't be managed with minScreenWidth is a shortened version of the CardAccount column where I only show the last 4 digits if the screen size is bootstrap md (all other screen widths it is hidden).

Everything works great on Chrome and IE, but on Firefox, the grid is messed up (see screenshots for example). It appears as if there is enough room for the hidden columns but that space is still visible. If, in the console, I do a grid.refresh, the empty space collapses and the columns line up with their headers. I've tried to put in a grid.refresh in the grid dataBound (even within a setTimeout - started at 0 all the way up to 1000) and still the same. No luck.

I am hesitant to create a sample app because it is rather complex and if you have a straight-forward solution, my efforts to create a sample would be in vain.

I am using 2015.2.805

Grid

answered on 05 Oct 2015

1 answer

134 views

[Solved] Mobile issue when Grid is Selectable

On a mobile device, when grid selectable = true you lose the ability to scroll on the grid. Touching anywhere on the grid starts selecting rows. Is there a workaround for this behavior? I think a good idea is to have a tap gesture select a row and a scroll gesture (touch and drag) to initiate scrolling.

Grid

answered on 05 Oct 2015

19 answers

2.5K+ views

Tabstrip contents not reloaded after clicked on second time

I have 3 tabs in tabstrip control for Asp.Net Mvc app.
Each tab loads the contents using LoadContentFrom() API.
once tab is clicked for the first time it calls the action method of the controller.
After the same tab is clicked for the 2nd time it doesn't call the controller method and hence same content is displayed which was displayed for the 1st click. We need to have a functionality which will call the controller method every time the tab is clicked. Let us know if there is a workaround or property available to set this.

Thanks,

TabStrip (Mobile)

answered on 05 Oct 2015

2 answers

228 views

[Solved] Clear filtering from scheduler?

01.function onSelectRoom(e) {

02.

03. var roomObjId = $("#ddlObjects").data("kendoDropDownList").dataItem();

04. var operator1 = "eq";

05. var logic1 = "or";

06. var scheduler = $("#scheduler").data("kendoScheduler");

07.

08. if (roomObjId.ObjectID < 1) {

09. //Clear the filtering

10. }

11. var selectedObj = [roomObjId.ObjectID];

12.

13. var filter = {

14. logic: logic1,

15. filters: $.map(selectedObj, function (value) {

16. return {

17. operator: operator1,

18. field: "Id",

19. value: value

20. };

21. })

22. };

23.

24.

25.

26. scheduler.dataSource.filter(filter);

27.}

The code above works for filtering, however i need to clear the filtering if the objectID is < 0. Is there any method such as scheduler.dataSource.clearFilter(); ? Thanks.

Scheduler

answered on 05 Oct 2015

6 answers

231 views

Limit or bug in listview control?

I have an app that has several listviews tied to remote data sources. I have tied three buttons on the main form to each display a different listview and allow the user to select an item on the list, which is populated on the main form. All three Listviews have the same code as listed below. They display the code for the selected item in a field on the form. That doesn't seem to matter. The code blow includes a section to check if there is no data item selected. This is where the problem lies.

$(document).ready(function () {
$("#proclist").kendoListView({

change: function () {
var item = this.dataItem(".k-state-selected");
if (item === undefined) {
alert("nothing selected");
return;
}
window.encounterView.setProcCode(this.dataItem(".k-state-selected").code);

}

When you select something on the listview the change code is fired. The third time you open a different listview and click on an item, item is always returned as undefined.

It doesn't matter what order you click on the buttons, it always fails on the third time. Is this a bug or just a limitation of the simulation environment?

Also 2 of these lists have almost 9000 items in them. I've tried limiting them to 500 items but that fails in the same way. Is there a limitation I should be aware of?

ListView (Mobile)

answered on 02 Oct 2015

18 answers

1.0K+ views

Export all pages to PDF

There is a setting for exporting all pages to Excel ("allPages"), but there does not appear to be one for PDFs. Is there no way to export everything to a PDF?

Frank Wanicka

Grid

answered on 02 Oct 2015

3 answers

593 views

rowTemplate and format for column

Hi there,
Problem: I have a column in the kendoGrid described as:
{ title: "Column1", field: "Column1", width: "100px", format:"{0:p}" },
and it applies format properly.
Now, I created rowTemplate that says:
<tr>
<td>${Column1}</td>
</tr>

And assign this template to grid using rowTemplate: kendo.template($("#rowTemplate").html())
As soon as I have template assigned I lost formating for column and instead of 2.75% I see 0.0275.

What whould you recomend to have formatting and assigned in case of row template.

Thanks.

Grid

answered on 02 Oct 2015

1 answer

131 views

Beta Feedback: My personal wishlist for next Kendo Spreadsheet releases

Hi,

after a quick look at the beta in 2015Q3, here some feedback
what would be my personal wishlish for the future for this awesome widget:

- Change Values from Code
- Disable / Enable any Cell or functions like Context Menu
- Configuration Custom Toolbar
- Custom Editors (like on the grid) on cell base to have any kind of widget to lookup or select values
- Default Cell Types like Date(Time)Picker, Checkbox, SimpleCombo or Autocomplete
- Eventing on Cells like Change, Edit, Save, Validate
- Conditional Formatting
- Drag down / square handle in the corner to repeat / increase counter (numeric/date)
- Hide Columns and Row Numbers, Hide Sheets, Hide Formula => Just the Grid
- API to Add/Delete Rows (without full refresh)
- API to set Filters, Fixed Cols/Rows etc. or setOptions( {filter: { ref: "A3:G49", columns:[]}});
- Hide/Show Columns / Grouping

Just fancy things:
- AutoSize Height/Width of Cells
- MulitColumn Header
- Total Rows/Columns
- MouseOver Comment Readonly/Editable (RedArrowCornner/Yellow PopupNote)

Keep up the great work, to simplify developers life ;-)

Kind regards, Otto.

Spreadsheet

answered on 02 Oct 2015

3 answers

2.8K+ views

Add button to column header

hi.

I'm looking for sample code about add button to column header.

I was previously using the jqgrid. this feature was implemented that refer to the following URL .
http://stackoverflow.com/questions/8213162/add-button-to-jqgrid-column-header

I can't find that information about kendo ui. Please post it if you have any sample code.

thanks

Grid

answered on 02 Oct 2015

3 answers

213 views

stockchart, dynamic navigator settings

Using 2015.2.827 I have a stockchart that gets data from datasource with schema date: { type: "date" }, reportCount: { type: "number" }.

I would like to set the navigator.select.from and navigator.select.to based on datasource values. Specifically, I would like to set navigator.select.from to "datasource.data.max.addDays(-14)" and navigator.select.to to "datasource.data.max".

I would like to only have to read the datasource once.

Is this possible?

Charts

answered on 02 Oct 2015