jsoneditorview Follow @yiiframework
Widget taht will enable to edit JSON structures using WYSWIG-like, jQuery JSON Editor
8 followers WYSWIG-like JSON format editor, witch uses jQuery, JSON Editor plugin
Now package also have class CJuiJSONEditorInput, it can be used as an raw input field, or an input field for an ActiveRecord forms
Resources ¶
Documentation ¶
Requirements ¶
- Yii 1.0 or above
Installation ¶
- Extract the release file under
protected/extensions
Usage ¶
See the following code example:
// raw editor only $this->widget('ext.jsonEditorView.JSONEditorView', array( 'data'=>'{"value":"Initial JSON data-string"}', )); // Input field, raw format $this->widget('ext.jsonEditorView.JuiJSONEditorInput', array( 'name'=>'field_name', 'data'=>'{}' // Initial JSON data string )); // Input field, ActiveRecord format $this->widget('ext.jsonEditorView.JuiJSONEditorInput', array( 'model'=>$model // ActiveRecord, or any CModel child class 'attribute'=>'attribute_name' // Model attribute holding initial JSON data string ));
Change Log ¶
2011.01.06 ¶
- fixed bug that widget produced broken JS on empty data field
September 19, 2010 ¶
- fixed bug with wrong jQuery selector
September 17, 2010 ¶
- Added ability to send modified JSON contents in POST form
- Added JuiJSONEditorInput widget
September 16, 2010 ¶
- Initial release.
Create extension
Downloads
- License: GNU Lesser General Public License
- Developed by: canni
- Category: User Interface
- Votes: +13 / -1
- Downloaded: 657 times
- Created on: Sep 16, 2010
- Last updated: Jan 6, 2011
- Tags: jquery, javascript, jquery-ui, JSON, widget, wysiwyg
Total 6 comments
At the end of run() function in JSONEditorView, before
add
In JuiJSONEditorInput at the end of run() function before closing bracket, add
When I added {} to empty field it works fine. I fink i should add {} when field is empty.
It do not work when field is empty.
When i use it in form input field sends no data, in avctie record mode. reading data works fine, but there is no params as if there was no field.
Very helpful to manage mongo data
Wonder why nobody has rated this wonderful component already. Works like a charm and is very powrful.
One minor bugfix: JuiJSONEditorInput, line 72 if($this->hasModel() && !$this->model->isNewRecord) Otherwise it fails when creating a new record.
Leave a comment
Please login to leave your comment.