Questions on Kendo UI for jQuery Forum

3 answers

1.0K+ views

Convert from filter string to filter object

Hello,

Is there is a means of converting a filter/sort/group query string (i.e. filter: "(Auditor~startswith~'John'~and~Company~contains~'Transport')") to a filter object that can be added via the dataSource.filter() method? I know of the parameterMap method that converts from object to string, but I'm interested in converting from string to object.

Any help would be greatly appreciated.

Thanks,

Garrett.

Data Source

answered on 20 Sep 2014

2 answers

268 views

[Solved] Toolbar as button group / radio button group

Hello,

I need a button group or similar, but can only find one for the mobile components. I am trying to use the Toolbar control as a button group, and it should work well, except for the bar / background that needs to be hidden or similar.

See the attached screen shot.

How can I eliminate the background bar, so that it looks like a proper button group?

Thanks,
Lars

Toolbar

answered on 19 Sep 2014

1 answer

429 views

MVC-Grid Grouping Event and ServerOverride

I have some legacy hand rolled T-SQL that I am now displaying in the Kendo MVC Grid. It can handle paging/sorting but not server grouping. I have most of it working but would like to know how to do a few things.

How can I use server paging/sorting and use local grouping. I can do it client side but not using the Razor helpers. (no option to turn off just 1 option) I figured out how to do it in JS post render but not ideal. ($("#grid").data("kendoGrid").dataSource.options.serverGrouping = false;)
There does not seem to be a columnGrouped event? Every time I group a column I would like to set it as the First sorted column and hide the column from display. Then refresh the grid back to page 1 and have the client side group up results (which should be similar to server grouping). All of the example I have seen are using the "Databound" event but that seems to late in the callstack to be forcing a different search/ui change. I suppose I could try overriding the parameter list?

Grid

answered on 19 Sep 2014

2 answers

443 views

[Solved] Remove column hide menu from column menu

Hey Guys, I have a custom toolbar with an option to hide/show my grid columns, and I also have the column menu which I need the lock and filter option.

How can I remove the form my column menu the item "Columns"?

Thank you for your time!

Grid

answered on 19 Sep 2014

3 answers

227 views

Kendo Map supports limited WMTS

The Kendo UI Map component supports WMTS (Web Map Tile Service) only when the OGC WMTS named and defined TileMatrixSet "GoogleMapsCompatible" is available for the WMTS Layer.

Using this TileMatrixSet the map component can correctly display and place maps. I have found that some tile layers are not completely geo-rectified(the lat/long can be offset by up to a mile) keep that in mind if you are seeing anomalies. For what it is worth, I read that Bing latitude/longitude is more accurate than Google's lat/long and found this to be the case in a limited test.

I have tested this and found it to successfully work using a layer type of MapLayerType.Tile and a URL Template with a KVP or RESTful, KVP example below.
?Service=WMTS&Version=1.0.0&Request=GetTile&Layer=putYourLayerIdentifiedNameHere&Format=image/png&TileMatrixSet=GoogleMapsCompatible&TileMatrix=#= zoom #&TileCol=#= x #&TileRow=#= y #

Map

answered on 19 Sep 2014

2 answers

671 views

Custom Filter UI on column bound to enum type

Hi,

I have mvc grid with column with is bound to enum type. When I use default filter every thing works. But I don't want to show enum member name in dropdown. Ok than I create function with my own dropdown with localized text of enum members, but this function is not called. When I change bound method to with one where I provide type and property name and I choose type of int, my UI function is called but filter not work.

My grid view code is something like this. Type RfsRequestState is enum.
@(Html.Kendo().Grid(new List<RfsInfoDto>()).Name("table")
  .Filterable(c => c.Enabled(filterStates).Extra(false))
  .Columns(column =>{
    column.Bound(c => c.Id).Title(IndexResources.IdColumnName).Filterable(false);
   column.Bound(typeof(RfsRequestState), "StreamState").Title(IndexResources.StatusColumnName).Filterable(c => c.Enabled(true).UI("stateFilterUi").Extra(false)));
  }))

what is correct way to use custom filter ui on enum property

Thanks

Grid

answered on 19 Sep 2014

5 answers

580 views

[Solved] How to filter on a column that is not bound to the grid?

I have a datasource with two columns of type Date Lets say Date1 and Date2. This datasource is generated using SQL view.
Date1 has date and time value while Date2 has only date value ( time is 00:00:00)
Only Date1 column is bound to the grid and Date1 column also has filter enabled. Filter shows only date calendar.(no time)
Date2 column is not bound to the grid
server side filtering is enabled.

Is it possible to filter on Date2 column?

For example
Grid shows "09/04/2014 10.30.00 AM". which is Date1. But if I select "equal to" operator and then select the date "09/04/2014" from the calendar, then I want the record to be appear regardless of the time.

I thought of returning Date2 column just for filtering purpose in datasource, but I don't know how to use the Date2 column in the filter. Because by default grid will use the bound column for filtering.

Grid

answered on 19 Sep 2014

3 answers

215 views

Class added when panel bar clicked

I am using the panel bar with only a single panel for a portal dashboard so it can be collapsed and expanded.

This is working fine:

@(Html.Kendo().PanelBar()
.Name("widget1")
.ExpandMode(PanelBarExpandMode.Multiple)
.Items(panelBar => {
panelBar.Add().Text("Bob1")
.Expanded(true)
.Content(@<div>Some Content</div>);
})
)

However, when I click on the panel bar title to collapse the color changes. I assume some style is being added or removed but I just can't figure out what it is. I am using the blueopal styling, it changes from a light blue to a dark blue.

PanelBar

answered on 19 Sep 2014

4 answers

395 views

Only allow certain week days?

I've been using jQuery UI for a while, but I like the look and range of Kendo. So, before I dive in, here's the first question.

Is it possible to only allow a certain day of the week to be chosen with the Date Picker?

Thanks,
Mat

DatePicker

answered on 19 Sep 2014

3 answers

1.3K+ views

[Solved] How to reorder multiple columns programitcally

Hi,

We want to reorder columns on the grid based on some event. So lets say Grid has 3 columns A, B, and C. And on a button click, we want the new order to B, C, and A. Now we used the reorderColumn() method and called it 3 times for each column. But since each call expects indices, and columns are ordered on each reorderColumn() call, I am unable to have the desired column order. So I am unable to find a generic solution for this which will reorder columns according to my specifications.

Can you please let me know how I can fix this.

Thanks a lot.

Grid

answered on 19 Sep 2014