Ruby on rails Kendoui treeview

My objective

Utilise the kendoui treeview and html editor javascript library widgets in a ruby on rails 4 application. The kendoui treeview will provide navigation to all the pages in the model, the editor will allow the user to change content using the kendoui html editor. The challenges I have faced is to work out how to display a hierarchical type display in a treeview when the data comes from a single model called pages.

The job

Create a ruby on rails project that utilises kendoui treeview and kendoui editor (html) and where both components persist to the database model

Create it anything you like and css styling is not important


Use Ruby On Rails version 4

Use the built-in sqllite database provided by rails

Use the kendoui gem

gem 'kendoui-rails'

Create the project around one single model called pages

- with these fields

o name: string

o parentid : integer

o content: text

o order: integer

List of resources to find out more about kendoui

Web UI widgets

[url removed, login to view]


[url removed, login to view]


[url removed, login to view]

Layout requirements – please see picture

Looks are not important at the moment so I just want a top div to handle crud stuff and a main div underneath with a 2 col layout (sidebar div on left for treeview and content div to display content editor) see pic

Use the picture as your guide

Specific Functional requirements

Treeview must connect to the model and display records in the pages model in a hierarchical manner based on the parentID field

When a user selects an item in the tree the kendo editor is updated with content from the content field

A user must be able to :

Typical CRUD methods

Add new pages via the treeview , see picture for how I would like it laid out.

Basically this is how I would wanted it to work:

I want to add a new record to the treeview,

- I enter the name of the page in the text box

- I click one of the add buttons mentioned below and the new record is persisted back to the database

I want to change the name of a selected page

- I enter the name of the page in the text box

- I click save and changes are persisted back to the database

I want to change the content of a page

- I change the content using the html editor

- I click save and changes are persisted back to the database

Add functions

1. Add new item to root level of treeview

2. Add new after selected treeview item

a. If a treeitem is selected then add after the selected item

3. Add new before selected treeview item and on same level

a. If a treeitem is selected then add before the selected item and on same level

4. Add new as child of selected treeview item

a. If a treeitem is selected then add as child of the selected item and position as last child

Update functions

Update select record – both name field (via the text input box) and the content field (via the keno editor)

Delete functions

Delete selected item – prevent if has children

Manage the order of items in the tree with that order persisting to the database model

#drag and drop treeview items to different parent nodes and have that persisted back to the database

#drag and drop to change order and have that persisted back to the database

Habilidades: Javascript, Ruby on Rails

Ver mais: kendoui treeview, rails treeview, kendoui rails, rails kendo, kendo drag drop rails, kendoui tree, kendoui content, kendo treeview database, kendo treeview crud, where to find an editor, where find editor, web application user guide, tree update, tree to box, tree index, top ruby job, top ruby, top challenges, ruby on rails version, ruby on rails n, ruby on rails level i, ruby on rails last, ruby on rails database, ruby on rails challenges, ruby on rails 1.9 3

Acerca do Empregador:
( 31 comentários ) Bendigo, Australia

ID do Projeto: #5126260

Premiar a:


Hello Daeka, How are you doing? From the image attached, it looks like the content can include image as well, however, the Page model structure does not have the field to handle uploaded images. Thus, I assume that Mais

$555 AUD em 4 dias
(2 Avaliações)

4 freelancers are bidding on average $1210 for this job


Hi there , Greetings from connectix software . We have checked your project description and regarding this, I shall want to extend my [url removed, login to view] read the below points for more details; We provide cutting Mais

$773 AUD in 10 dias
(3 Comentários)

Interesting kendoui, you'll have it utilize treeview and editor. I can start now. |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| Modify: I edited the bi Mais

$450 AUD in 8 dias
(2 Comentários)

Hi, I have checked the details for editor here. Let me tell you it will take us 45 days to complete the job. We have 8 ROR developers out of our 55+ In house developers. You can add me on Skype: bacancy Mais

$2777 AUD in 45 dias
(1 Comentário)

Hello, Thanks, for giving us a chance to bid on your project. Please check private message box for more details. We are WebGloabalIt is an (ISO 9001:2008) (ISO 27001:2005) certified company which have throught Mais

$824 AUD in 22 dias
(0 Comentários)

Dear sir. I have rich experiences on Ruby on Rails, Haml and Html, Sass and CSS, Javascript and Coffeescript, Twitter-Bootstrap, Git, Heroku for 6+ yrs. Social commuinty site(use PostgreSQL, ajax, jquery, Paypal Mais

$733 AUD in 7 dias
(0 Comentários)