Questions on Kendo UI for jQuery Forum

2 answers

268 views

[Solved] Where is the documentation on performing case insensitive sorting for Grid?

Hi,

I've looked here: http://www.telerik.com/search?start=0&q=grid%2bcase%2binsensitive%2bsort&collection=telerik30&ResourceType=Forum&hgurl=kendo%252Dui

And in several linked posts there.

In this one, http://www.telerik.com/forums/how-to-enable-case-insensitive-sorting-on-kendo-ui-grid, it mentioned that this is now available as of end of 2013 or so.

However, I don't see it mentioned here: http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columnMenu.sortable

Or here: http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-sortable

So, can anyone please advise on where exactly this documentation is? Thanks!

Trav

Grid

answered on 26 Sep 2014

1 answer

238 views

[Solved] Anchor is always visible if dropdownlist defined in overflowTemplate

Hi,

If i use a dropdownlist in overflowTemplate, then the anchor is always visible:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Kendo UI Snippet</title>

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css">

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.rtl.min.css">

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css">

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css">

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.default.min.css">

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.mobile.all.min.css">

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>

</head>

<body>

<div id="toolbar"></div>

<script>

$("#toolbar").kendoToolBar({

items: [

{ type: "button", text: "Button" },

{ template: '<div>1234567891</div>', overflowTemplate: '<div><select id="sel"></select></div>' }

]

});

$('#sel').kendoDropDownList({

dataSource: ['a', 'b', 'c']

});

</script>

</body>

</html>

The problem is that the dropdown creates its popup in the popup of the anchor, so the _toggleOverflowAnchor private function finds an element which is not OVERFLOW_HIDDEN (line nr 2):

01._toggleOverflowAnchor: function() {

02. if (this.popup.element.children(":not(." + OVERFLOW_HIDDEN + ")").length > 0) {

03. this.overflowAnchor.css({

04. visibility: "visible",

05. width: ""

06. });

07. } else {

08. this.overflowAnchor.css({

09. visibility: "hidden",

10. width: "1px"

11. });

12. }

13.},

Regards,
Laszlo Jakab

Toolbar

answered on 26 Sep 2014

5 answers

412 views

[Solved] OData expand and filterable mode row

I have a complex view that works well when I set the datasource filterable.mode to 'menu'. When I set it to 'row', it throws an error in kendo.all.js line 2503, "Unexpected token }". Version is v2014.2.801. I strongly suspect it has something to do with my use of the OData expand convention, as I have multiple other grids and OData datasources that work well with filterable mode set to row, but they don't use the expand option.

... new kendo.data.DataSource({
type: 'odata',
transport: {
read: {
async: false,
url: '../odata/UserRole',
dataType: 'json',
data: {
$expand: "User,Role/Application"
}
},
},

My grid shows 1 column each from the User, Role and Role.Application objects returned. Just switching to mode: 'menu' fixes everything, except that I can't use the column level filterable cell objects, as they are only compatible with mode: 'row'.

Is this a known issue or unsupported feature?
Can you create a simple grid using OData expand and filterable mode: row?

Grid

answered on 26 Sep 2014

8 answers

173 views

[Solved] Error when adding a second measure

Hello, I'm using a PivotGrid with flat data (like the one in this sample: http://dojo.telerik.com/eNAj).

Right now I have two fields as columns, one as row, and one as measure. But if I try to add a second field as measure I'm getting this error:
Uncaught TypeError: Cannot read property 'children' of undefined kendo.all.js:55433

Any help would be appreciated.

Thank you

PivotGrid

answered on 26 Sep 2014

2 answers

348 views

[Solved] Remote binding with ServerGrouping example

Hello.
Does anyone know of a good example of remote binding with ServerGrouping?

I'm trying to figure out with kind of response Kendo UI is expecting from server for grouping to work? I have to talk to a custom Rails backend that has standard AND custom CRUD actions and resturns JSON.

If Telerik could provide a server grouping version of this example - it would be terrific!! http://demos.telerik.com/kendo-ui/grid/remote-data-binding

I tried to explore several Telerik's data sources/ backend but none of them seem to support server grouping.

Grid

answered on 26 Sep 2014

3 answers

143 views

two sets of dates

Hi. is it possible to send two sets of dates to date picker that will cause two different visual behaviours? for exampl: birthdays , wakes.

one would show the birthday icon and the other would show a coffin icon....

DatePicker

answered on 26 Sep 2014

2 answers

9.6K+ views

Async kendoUpload pass custom arguments or additional data to MVC Controller

I needed to pas an id to the async upload control. i'm using MVC, c# and razor engine.

Solution:
All that's needed it to define a function for the upload event and modify the "data" payload.

Now on the server side i got my id to associate the file on the DB.

HTML:
<div>
<input name="files" id="files" type="file" />
</div>

JScript:
$("#files").kendoUpload({
async: {
saveUrl: '@Url.Action("Save", "Codes")',
removeUrl: '@Url.Action("Remove", "Codes")',
autoUpload: true
},
upload: function (e) {
e.data = { codeID: $("#id").val() };
}
});

Controller:
[HttpPost]
public ActionResult Save(IEnumerable<HttpPostedFileBase> files, Guid codeID)
{
// The Name of the Upload component is "attachments"
foreach (var file in files)
{
// Some browsers send file names with full path. This needs to be stripped.
var fileName = Path.GetFileName(file.FileName);
var physicalPath = Path.Combine(Server.MapPath("~/Content/files"), fileName);

file.SaveAs(physicalPath);
}
// Return an empty string to signify success
return Content("");
}

Upload

answered on 26 Sep 2014

2 answers

152 views

[Solved] custom grid validation with $http.get

My validation rule has to make a call to server. I have tried to add $http.get as part of myRule function but is not working.

Please see example code:
http://dojo.telerik.com/aJeXE/2

Thank you

Grid

answered on 26 Sep 2014

1 answer

301 views

Tabstrip inside Panelbar not showing content (Bootstrap)

I'm trying to open a panel of the panel bar when a user clicks on an list item in another panel bar

Here's my onclick function. When a user clicks on a search result within the #sideBarSearch panel it should close that panel and open the sideBarMapDetails.
Then select a tab within a nested tabstrip.

1.function onClick(arg) {

2.var panelBar = $("#panelbar").kendoPanelBar().data("kendoPanelBar");

3.panelBar.collapse($("#sideBarSearch"), false)

4.panelBar.expand($("#sideBarMapDetails"), false)

5.

6.$('#tabstrip').kendoTabStrip().data("kendoTabStrip").activateTab($('#parcelTab'))

7.};

The problem is that it opens the other panel but the tabstrip doesn't show up. If I open and close the MapDetails panel manually(by clicking on it instead of programmatically) then everything works. Why am I getting different behavior when I expand/collapse programmatically vs manually?

PanelBar

answered on 26 Sep 2014

3 answers

1.7K+ views

update kendo grid cell value on button click

hi i have a small issue what i am trying to do is after i populate my kendo grid, i want to update cell value on button click.

here is the scenario: i have a grid that brings back values from database column names are integer1, integer2 etc and values are 1, 2, ...
what i want to do is on button click(not a kendo toolbar button) change value to may be 10, 20.....dont want to save these values back to the database but just override 1, 2 with 10, 20 etc.

thanks,
Shahid

General Discussions

answered on 26 Sep 2014