This is a migrated thread and some comments may be shown as answers.

MVC TreeView

14 Answers 599 Views

TreeView

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

14 Answers, 1 is accepted

answered on 21 Nov 2013, 11:06 AM

Hello again,

Thank you for claryfing

Here is the code for the controller:

package com.kendoui.spring.controllers.treeview;

import java.util.List;

import java.util.Map;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestBody;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.ResponseBody;

import com.kendoui.spring.models.DetailedEmployee;

import com.kendoui.spring.models.EmployeeDao;

@Controller("treeview-remote-binding-controller")

@RequestMapping(value="/web/treeview/")

public class RemoteBindingController {

@Autowired

private EmployeeDao employee;

@RequestMapping(value = "/remote-data", method = RequestMethod.GET)

public String index() {

return "web/treeview/remote-data";

}

@RequestMapping(value = "/remote-data/read", method = RequestMethod.POST)

public @ResponseBody List<DetailedEmployee> read(@RequestBody Map<String, Object> model) {

return employee.getDetailedListByEmployeeId((Integer)model.get("employeeId"));

}

Where getDetailedListByEmployeeId signature looks like this:

public List<DetailedEmployee> getDetailedListByEmployeeId(Integer employeeId)

Kind Regards,
Petur Subev
Telerik

Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!

answered on 25 Nov 2013, 08:23 AM

Thank you again Petur. I'm very helped with your answer.
I have some question again.
How to get data from my treeview data in javascript?
This is my code:
<c:url value="${transportReadUrl}" var="transportReadUrl" />
<kendo:treeView name="treeview" class="demo-section" dataTextField="menu_desc">
     <kendo:dataSource>
         <kendo:dataSource-transport>
             <kendo:dataSource-transport-read url="${transportReadUrl}" type="POST" contentType="application/json"/>
             <kendo:dataSource-transport-parameterMap>
                <script>
                 function parameterMap(options,type) {
                     return JSON.stringify(options);
                 }
                </script>
             </kendo:dataSource-transport-parameterMap>
         </kendo:dataSource-transport>
         <kendo:dataSource-schema>
             <kendo:dataSource-schema-hierarchical-model id="menu_id" hasChildren="hasChildren" />
         </kendo:dataSource-schema>
     </kendo:dataSource>
</kendo:treeView>

How to get in javascript?
a. menu_id
b. other column that not in <kendo:dataSource-schema-hierarchical-model> for example "status" column

answered on 28 Nov 2013, 02:50 AM

I have got the value from "menu_id"

$("#treeview").dblclick(function(e) {
   var treeview = $("#treeview").data("kendoTreeView");
   var dataItem = treeview.dataItem(".k-state-selected");
   alert(dataItem.id);
});

But I have next question.
My entity is
@Column(name="menu_id")
private String menu_id;

@Column(name="menu_desc")
private String menu_desc;

@Column(name = "status")
private String status;

How to get value of "status" like get value of "menu_id" but the difference is, "status" is not placed in kendo treeview?
Because I want to validate between "status" and "menu_id" in javascript.

Thx a lot