Questions on Kendo UI for jQuery Forum

7 answers

326 views

I'm very new to using Kendo-UI, and still considering making the switch from jQuery Mobile. I'm wandering if it's possible to have a "light" theme for Android, as opposed to the default "very dark." I saw one post about a themeroller for Mobile in the works, but is it possible to change between some built in themes, or something like that?

General Discussions

answered on 17 Sep 2012

0 answers

47 views

Click Events work at Random with Second <TR>

For some reason on both the Grid and the Listview controls when a second <TR> is added to a template, some Click Events stop working. Remove the Second <TR> and they all work again. Need to be able to add multiple Rows to the template.

Have created the following jsfiddle to demonstrate: http://jsfiddle.net/dbowles/56WAJ/

The buttons on the first 2 rows work and the rest do not, anyone know why? Because to me this seems like a really weird bug.

ListView

asked on 17 Sep 2012

6 answers

128 views

Datepicker new release

Hi,
I don't have access to internal buid (I will consider this once i have review the mobile library).
Can you tell me if a corrected version of datepicker will be available soon ?

Best regards

Fabrice

Date/Time Pickers

answered on 17 Sep 2012

1 answer

322 views

Set selected node ID to ViewModel

Hi,

after some days of trying I finally managed to display a TreeView by transforming database entries to a treeview structure and pass it to the view inside a viewmodel.

Model:

public class LibraryTreeFormModel

{

public int LibraryTreeNodeId { get; set; }

public bool AddNode { get; set; }

public bool DeleteNode { get; set; }

public bool RenameNode { get; set; }

public string Title { get; set; }

public List<TreeNodesStruct> Tree { get; set; }

}

public struct TreeNodesStruct

{

public int LibraryTreeNodeId { get; set; }

public string Title { get; set; }

public int? ParentNodeId { get; set; }

public List<TreeNodesStruct> ChildNodes { get; set; }

}

View:

<% bool isCalledFirstTime = true; %>

<%

Action<List<KellyServices.Website.Areas.Admin.Models.TreeNodesStruct>> libraryTreeNodeMacros = null;

libraryTreeNodeMacros = libraryTreeNodes =>

{ %>

<% if (isCalledFirstTime)

{ %>

<ul id="treeView">

<% isCalledFirstTime = false;

}

else

{ %>

<ul>

<%} %>

<% foreach (var c in libraryTreeNodes)

{ %>

<li data-id="<%= c.LibraryTreeNodeId.ToString() %>"><img style="vertical-align: middle" src="<%: Url.Content("~/Content/images/filesystem_folder_yellow_small.png") %>" /> <%= Html.Encode(c.Title)%>

<% if (c.ChildNodes != null && c.ChildNodes.Count() > 0) libraryTreeNodeMacros(c.ChildNodes); %>

</li>

<% } %>

</ul>

<% }; %>

<% var libraryTreeNodesSub = Model.Tree; %>

<% libraryTreeNodeMacros(libraryTreeNodesSub); %>

Controller:

public TreeNodesStruct RecursiveTreeChildGetter(TreeNodesStruct root, ICollection<LibraryTreeNode> allNodes)

{

var childs = allNodes.Where(n => n.ParentNodeId == root.LibraryTreeNodeId);

if (childs != null && childs.ToList().Count > 0)

{

if (root.ChildNodes == null)

{

root.ChildNodes = new List<TreeNodesStruct>();

}

foreach (LibraryTreeNode child in childs)

{

TreeNodesStruct treeChild = new TreeNodesStruct();

treeChild.ChildNodes = new List<TreeNodesStruct>();

treeChild.LibraryTreeNodeId = child.LibraryTreeNodeId;

treeChild.Title = child.Title;

treeChild.ParentNodeId = child.ParentNodeId;

root.ChildNodes.Add(treeChild);

treeChild.ChildNodes = RecursiveTreeChildGetter(treeChild, allNodes).ChildNodes;

}

return root;

}

public ActionResult LibraryTreePartial()

{

List<TreeNodesStruct> tree = new List<TreeNodesStruct>();

ICollection<LibraryTreeNode> nodes = libraryTreeNodeService.GetAllItems();

var roots = nodes.Where(n => n.ParentNodeId == null);

foreach (LibraryTreeNode root in roots)

{

TreeNodesStruct treeRoot = new TreeNodesStruct();

treeRoot.ChildNodes = new List<TreeNodesStruct>();

treeRoot.LibraryTreeNodeId = root.LibraryTreeNodeId;

treeRoot.Title = root.Title;

treeRoot.ChildNodes = RecursiveTreeChildGetter(treeRoot, nodes).ChildNodes;

tree.Add(treeRoot);

}

var viewModel = new LibraryTreeFormModel();

viewModel.Tree = new List<TreeNodesStruct>();

viewModel.Tree = tree;

return View(viewModel);

}

I can get the selected node ID via javascript:

function initTreeview() {

var treeview = $("#treeView").kendoTreeView({

select: function (e) { addNewNode($(e.node).data("id")); }

});

}

My question now is, how can I pass the selected node ID to the view model? I cannot do so in the javascript, for the model is not accessible within the script.

What I want to do is pass the selected node and the value from a textbox to the controller so that the user is able to create new subnodes. Any suggestions or workarounds?

Regards

Stefan

TreeView

answered on 17 Sep 2012

1 answer

249 views

Limit number of files

How can i limit the number of files to upload with the KENDO Upload widget?

Upload

answered on 17 Sep 2012

21 answers

574 views

How to create data model for Odata web services to enable CRUD operarions in grid

Hi,

I found this documentation for information to create KendoUI grid with CRUD operations. It seems that there is Product model behind this. But I did not find any information or examples about how to create kendo.data.model for remote data (Odata service). Could anyone help with this?

read: "/Products",

update: {

url: "/Products/Update",

type: "POST"

},

destroy: {

url: "/Products/Destroy",

type: "POST"

},

create: {

url: "/Products/Create",

type: "POST"

}

BR
Marko

Data Source

answered on 17 Sep 2012

5 answers

399 views

Async Uploader and IE 9 not working

It seems that the current uploader is not working in IE9 (kendo v2012.2.723.) I'm using async and have a Java back end that sends back a simple success message to the browser in the form of a json object when and upload is successful. It seems that after you click the upload button and the file succeeds IE wants to send the response back to the hidden iframe in the browser. You get a prompt that asks you to save the json file and neither the handle success or handle complete events are triggered even though the upload was successful. The upload wait animation never goes away either so it looks like the app is stuck even though it all succeeded.

Upload

answered on 17 Sep 2012

1 answer

84 views

Package unit tests with KendoUI downloads?

HI,

Is it possilble to package up the associated unit tests with the KendoUI packages? Other vendors, e.g. Sencha do this. It makes for a better developer experience being able to see the tests along with the code.

Thanks,

Richard

General Discussions

answered on 17 Sep 2012

4 answers

143 views

Grid grouping doesn't work with jQuery 1.8

Grid grouping doesn't work with jQuery 1.8
Works as expected with 1.7.1

Grid

answered on 17 Sep 2012

4 answers

329 views

NavBar title does not show up on Android

When I set the navbar title in HTML or via JavaScript

$("#resultsViewNavBar").data("kendoMobileNavBar").title(currentUser);

... it will just not be displayed/shown on Android devices. Is this by design?
If yes: can we change/enable/override this behavior?

Thanks.

NavBar

answered on 17 Sep 2012