[Solved] TreeView node with image

[RES]

I have a TreeView with a properties pane for editing related properties of the currently selected node.  I'm doing an AJAX POST to update the properties of the selected node including the description which is the text of the selected node.  When my OnSuccess callback function is called I update the node's text with the new description.  The problem is when I update the text like the following it wipes out the image.

$(node).find("> div > .t-in").text(data.Description);

So to get around this I first copy the outer HTML of the image, append the new description and reinsert the HTML to the span element.  Unless I'm missing something to make this simpler why isn't there a separate element for the text to make it easier to update?

I also noticed that the image's HTML doesn't have a closing tag as well as the hidden input that holds the node's value.

[Alex Gyoshev]

Hello Travis,

Instead of extracting and inserting the image, you can directly replace the text node value like this:

$(node).find("> div > .t-in")[0].lastChild.nodeValue = data.Description;

Indeed, the API for that is missing and we will consider adding it in the future.

> I also noticed that the image's HTML doesn't have a closing tag as well as the hidden input that holds the node's value. 

Both of these tags are empty (i.e. have no closing tag, like <br />).

Greetings,
Alex Gyoshev
the Telerik team

[RES]

Regarding updating node text, thanks for a cleaner solution.

On the closing tags thing this is an example of what I'm getting in my markup.

<div class="t-top t-bot">
    <span class="t-icon t-minus"></span>
    <span class="t-in">
        <img class="t-image" alt="image" src="/content/images/icons/clientmap.png">Template 1
    </span>
    <input class="t-input" name="itemValue" value="00000000-0000-0000-0000-000000000000" type="hidden">
</div>

Shouldn't the image and hidden input tags be closed with /> instead of just > ?  Definitely not a deal breaker but I thought I should point it out.

[Alex Gyoshev]

Hello Travis,

The images in the treeview online demos render the tags as empty, and looking at the code, it seems that this hasn't changed for a while. Either way, rendering the empty tag endings should be an issue for you only if you strive for XHTML validation, and does not have any side effects in HTML pages.

All the best,
Alex Gyoshev
the Telerik team