Questions on Kendo UI for jQuery Forum

0 answers

120 views

How to export kendo detail grid to excel ?when apply the code form Telerik Kendo UI detail grid export it does not work correctly.please give me a sample code to export kendo detail grid to excel.

General Discussions

asked on 24 Mar 2015

3 answers

412 views

MVVM Grid with Popup Template

Hello.

I've created a grid and bound to an observable via MVVM, all went fine.

Now I'm trying to implement a custom popup template for the grid with the following:

<div

data-role="grid"

data-sortable="true"

data-editable='{"mode": "popup", "template": "kendo.template($(/"#popup/").html())"}'

data-columns=

'[{"field": "CustomerAddressType_Name", "title": "Type", "width": "70px"}, {"field": "CustomerAddress_Line1", "title": "Line 1"}, {"field": "CustomerAddress_Postcode", "title": "Postcode"}, {"field": "Country_Name", "title": "Country"}, {"command": [ "edit", "destroy" ], "filterable": false, "sortable": false, "width:": "240px"}]'

data-bind="source: addresses()"></div>

I believe the line:

data-editable='{"mode": "popup", "template": "kendo.template($(/"#popup/").html())"}' co

is incorrect though as I'm getting an invalid template error.

Would some kindly point me in the right direction please?

Many thanks.

MVVM

answered on 24 Mar 2015

2 answers

100 views

Error loading date filter

Hello,

In my application I have a kendo filterable datagrid (mode: "row"). The filter works fine but when I try to load the saved options of type date I get the next error :

TypeError: "".toLowerCase is not a function
return ((d.creationDate || '').toLowerCase() == '2015-03-19t23:00:00.000z')

I have defined the type of the field as date correctly.

Do you know what is the problem?

My Kendo version is: v2014.3.1119.

Regards

Grid

answered on 24 Mar 2015

2 answers

717 views

Font size of styled radio buttons and checkboxes

How do you recommend setting the font-size of radio buttons and checkboxes styled with kendo UI considering in the example at http://dojo.telerik.com/aqEZU, radio buttons and labels are misaligned vertically, besides the fact that radio buttons are too small. In other words how to have proportionate and properly aligned radio buttons or checkboxes at various font sizes?

I have a constraint in the scenario I am bound to: any modification should be limited to the scope of the div that contains the group of radio buttons as other groups on the page might have different sizes. All radio buttons in the same group have the same size.

General Discussions

answered on 24 Mar 2015

3 answers

214 views

Sort Grid's filterable multi checkbox

Is there a way to sort the list of choices in a multi checkbox filterable?

Thanks in advance for your answer.

Grid

answered on 24 Mar 2015

8 answers

370 views

[Solved] Autocomplete with odata v4

Does the Autocomplete widget support odata v4 in the same way that the grid does?

I'm finding that

substringof(xxx

is being sent to the server instead of contains.

I am using odata-v4 in a grid and it seems to work fine.

But I've got this in the parameterMap override.

pmap.$filter = pmap.$filter.replace(/substringof$(.+),tolower\((.*?)$\)/, "contains(tolower($2),tolower($1))");

which is a bit nasty!

snippet of my autocomplete settings..

filter: "contains",

minLength: minLength || 3,

placeholder: placeholder,

dataSource: {

type: "odata-v4",

serverFiltering: true,

transport: {

read: {

type: "GET",

dataType: "json",

url: "--some url--"

},

parameterMap: function(model) {

var pmap = kendo.data.transports.odata.parameterMap(model);

if (pmap.$filter) {

pmap.$filter = pmap.$filter.replace(/substringof$(.+),tolower\((.*?)$\)/, "contains(tolower($2),tolower($1))");

}

return pmap;

}

},

Can't help but think I'm missing something

AutoComplete

answered on 24 Mar 2015

4 answers

704 views

How to set row height for Grid row

I am using the latest version of Kendo UI Grid. Please advise if there any way to change top and bottom padding for grid row. The problem is that the heigh is set for <tr>

<tr role="row" data-uid="497445bb-2ebd-4c49-b101-117626ed6cd4" class="k-alt" style="height: 49px;"><td role="gridcell" style="text-align:center;">Україна</td><td role="gridcell" style="text-align:left;"><a title="ТОВ Палітра">Палітра</a></td></tr>

Grid

answered on 24 Mar 2015

2 answers

137 views

Grid row filtering issue/question

I am using a REST service to populate a grid. One of the data items returned in the dataSource is an array with a single value; like this:

"Assignee": ["John Doe"]

When I attempt to display this in a grid column, it simple shows [object Object] since it is an array and not a string I assume. So I used a column template to get the value to display: columnItem.template= "#= Assignee.filter(Boolean) #" and this works fine

My issue comes in when I try to use the filter row field for this column. Doing so results in this error: TypeError: "".toLowerCase is not a function. This also happens if I use the standard filter menu option.

So my question would be, is there something else that can be done to get the filtering to work in this scenario? I have not yet tried setting a schema that states the Assignee column is text. That's next, but thought I would post my question here as I've spent an evening trying to figure out a solution to no avail.

Any insight or assistance is greatly appreciated and I can provide more info if anything is unclear.

Thanks

Grid

answered on 23 Mar 2015

2 answers

227 views

Make Datepicker in Column Readonly

Hi all,

I have a grid with a date column, and when in edit mode a Kendo datepicker is used to make a selection. Unfortunately, the datepicker also allows the user to type in the associated textbox. I want to make the textbox readonly and only allow editing by the calendar dropdown.

I know how to make a datepicker work this way in a form, but not in a grid.

How do I make a datepicker in a grid limit editing to the calendar dropdown?

Grid

answered on 23 Mar 2015

4 answers

727 views

Expand First Group, Collapse Second

I have a (razor) Grid with two groups added:
   .Group(groups => groups.Add(dd => dd.grp1))
   .Group(groups => groups.Add(dd => dd.grp2)

I have been able to find examples to collapse ALL groups, but am wondering how to get a handle to just grp2 so that is the only one collapsed?
The data in grp2 can be a variety of random numbers , so something like below will not work for me:
    grid.collapseGroup(".k-grouping-row:contains(Beverage)");

Thanks in advance for your response.

Grid

answered on 23 Mar 2015