Uncaught TypeError: Object [object Object] has no method 'on'

I was running the example provided in the git, I got error in the console

Uncaught TypeError: Object [object Object] has no method 'on' jquery.jsoneditor.js:48

Since the boxes' width is fixed, long string (for keys and values both) may be truncated.
For keys (dark green boxes) adding a 'title' attribute should suffice.
For values you could do the same, or actually use a custom tooltip (you know how to write one, right?).

Items that contain empty objects {} have the expander. Do not add the expander when a value
is an empty object.

Is there way to add a button on each item row to delete it? The "delete property value" to remove doesn't seem very friendly.
Thanks!

Classes like 'boolean', 'array', 'object', 'string', 'number' and 'null' can be useful to have in item elements
so that a different styling can be applied for those items.

Hi, David, firstly I would like to thanks your owesome plugin,
I found a issue. please review it .
If the jsobject contains the function , the jsoneditor will show them in the tree. how to ignore the function in the editor? thanks.

Currently, it's not possible to remove items from the JSON object.

When removing an item from an array (by deleting the key), the ui updates visually and looks as if the item is removed. However, in the data the array contains a hidden null entry, eg: [1, 2, 3, null]

If the initial object is an Array , there will be a bug when the first element is being edited, the path value which is supposed to be like this "0.number" would be like this "0number" ^^

Changed to null when value is double quotes
值为双引号的时候被改变为null

I'd like to see boxes of different color if I'm expanding an object or an array. Thanks. :-)

When adding a new Array or Object into the json, the plus symbol used to expand the item does not appear. This means there is no way to access the "Add New Value" button. Adding a new value below the value with the missing plus will refresh the view and cause the plus to appear.

if the path is 0.0 your item.data('path') will return 0 instead of 0.0 change to item.attr('data-path') solves the problem.

if you want a try:

[{"name":"html","type":"find","filter":".image-additional a"},{"name":"each","filters":[{"name":"html","type":"href"}]}]

Is this possible at all David?
Thanks a lot for a great plugin

hi ~
i clone repository today , and i use the sample , i got a error message of "TypeError: $(...).on is not a function"

the bug since like update jquery lib will fix it , in repository jquery lib version is 1.6.2

Mars...^_^

https://github.com/DavidDurman/FlexiJsonEditor/blob/master/jquery.jsoneditor.js#L48
please use .on instead
http://api.jquery.com/on/

page has reload,how to get the new json data?

while looking into the demo and the official page i couldn't understand how it is possible to dispaly a REST service response as json tree.

could you please share with me that how can i do to display json tree of REST Service response.
i tried the below code , but nothing is displayed in the page

var myjson = { any: { json: { value: 1 } } };
var opt = { 
    change: function(data) { /* called on every change */ },
    propertyclick: function(path) { /* called when a property is clicked with the JS path to that property */ }
};
/* opt.propertyElement = '<textarea>'; */ // element of the property field, <input> is default
/* opt.valueElement = '<textarea>'; */  // element of the value field, <input> is default
$('#mydiv').jsonEditor(myjson, opt);

please let me know that what is "#mydiv" , is that the div where the output tree is displayed ?

If an index of an array is changed to a big number, the array is filled with null values. When the same index
is then changed back, the array still contains a lot of null values. It would make more sense if the array
was compacted.

Currently, a text field is generated for the object (or array) itself too where the complete json can be viewed and edited. To make editing more user-friendly, there should be an option so that a property's value can be edited only by going down deep in the hierarchy and finding the text field for that property. In other words, there would be no text fields for arrays or objects, only for numbers and strings.

You could actually expand the field (using a textarea, maybe).
For keys it's not really a big deal, since I can't see why really long strings should be used there, but for values it could be useful.

Editing any value the 0th JSON Object (when multiple documents are loaded) results in a NULL value each time.

Editing the Name of any element on the 0th JSON Object (when multiple documents are loaded) also results in a NULL value each time.

Hi,
Adding double quotes and escaping string yourself is a hassle.
Strings should also be auto escaped if needed.
Here is my proposed solution.

(it is a bit dirty and might need some work)

replace parse function with:

    function parse(str, parsed) {
        var res;
        var fail = false;
        try { res = JSON.parse(str); }
        catch (e) { res = null; if(parsed === true){error('JSON parse failed.')}; fail = true;}
        if(fail === true && parsed !== true){
            var j = $("<div/>").text(str.replace(/\n/g, '\\n'));
            j.text(j.html().replace(/"/g, '&quot;'));
            var val = j.html();
            res = parse('"'+val+'"', true);
        }
        return res;
    }

Now strings will be escaped and quoted automatically.
If the parameter added is an array object string number or bool it still perceived as such.
Only when it can't parse the data it will assume it is a string that needs formatting and escape it automatically.

Hello guy,Can u add the AMD support?

Not sure if I have made a mistake or not but after editing, the JSON object's properties are all changed to strings even for numbers and boolean values.

Currently, it's not possible to add new items.

The "plus" sign should really change into a "minus"...