Questions on Kendo UI for jQuery Forum

14 answers

301 views

[Mobile] - where to start? What are the function names?

Can this be moved to Mobile > General?

Hello all,

for our application (we are building one with 27 other students) and want to use kendoUI. But where to start? Since it is uploaded today and there is no proper documentation yet.

First try: a android <button> . But what do I do? $('button').kendoButton() ? Or what? I can't find it in the code since it's minimized and all the variables are minimized.

When will the docs be online?

Grtz

General Discussions

answered on 17 Sep 2012

3 answers

410 views

destroy deletes a row even on an error

Clicking the destroy command in my grid will automatically remove the row before regardless of whether or not the server accepts or rejects the transaction. Is there any way around this behavior? In particular, is there a way that I can bind the row removal to the success event for the data source?

Thanks.

Grid

answered on 17 Sep 2012

4 answers

522 views

Fast and Easy Checkboxes

Thanks for the addition of the CheckBoxes. Here is an easy method to access the value using templates
This is a change to the example code.

1. change the template as follows...



<script id="treeview-checkbox-template" type="text/kendo-ui-template">
<input type="checkbox" name="checkedFiles[#= item.id #]" value="#= item.id #" />
</script>

2. You can access the value as follows...

function showSerializedData() {

var chkBox = $("#treeview input")

var serializedData = chkBox.serialize()

.replace(/%5B/g, "[")

.replace(/%5D/g, "]")

.replace(/&/g, "&");

//get the value...

var value = chkBox.val();

//do something with it

$("#checked-nodes").html(serializedData);

}

In addition, you an auto check the box on node click as follows

function onSelect(e) {

var checkboxes = $(e.node).find(":checkbox");

if(checkboxes.length > 0)

$(checkboxes[0]).prop('checked','checked')

//HINT: you can get the node text this way as well

var nodeText = e.node.outerText;

}

Enjoy.

TreeView

answered on 17 Sep 2012

0 answers

128 views

Client-side/Javascript onDataBound data is null

I am trying to append an additional field to the AJAX Select response. This field will be used to populate additional information on the web page - it is not bound to the Grid.

I can easily append the field to the AJAX Select response - but how would I intercept it on the client-side using Javascript?

I have tried attaching an event listener to onDataBound - but data is always null.

Grid

asked on 17 Sep 2012

1 answer

659 views

Programatically refresh DataSource bound ListView

Hi,

I'm using the mobile UI and I have a listView set up to a JSONP URL for the dataSource.

This works great, I can pull to refresh, etc.

However, I want to find a way to alter the URL on a subsequent call and refresh/reload the data via JSONP. Is this possible at all?

For example, I have a data-init="loadList"

function loadList () { ... } # this sets up the kendo.data.Datasource and adds to kendoMobileListView({ ... });

If I call loadList again, it correctly refreshes the display by pulling the data over Ajax but it adds two "Press to load more" buttons at the footer and another "Pull to refresh" widget at the top. It seems to be adding rather than replacing.

Does this make sense? I basically need to alter the dataSource URL and pull again from the server programatically after a user action.

ListView (Mobile)

answered on 17 Sep 2012

7 answers

358 views

Light theme for Android

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

65 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

162 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

DatePicker

answered on 17 Sep 2012

1 answer

355 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

288 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