illegal XML character, TreePanel Listeners ?

[Mohammad]

I have to check a C# property in a TreePanel listener :

<Listeners>
    <CheckChange Handler="if (!<%= AllowOneSelect.ToString().ToLower() %>) return;//Error
    if (this.lock) {return;}
    if (this.checked) {
        if (!this.checkedNode)
        {
            this.checkedNode = node;
        }
        else
        {
            this.lock = true;
            this.checkedNode.ui.toggleCheck(false);
            this.lock = false;
            this.checkedNode = node;
        }
    }
    else this.checkedNode = null;" />
</Listeners>

But I receive illegal XML character JavaScript error.
How can I fix it ?

[geoffrey.mcgill]

Hi,

Unfortunately this is a limitation of ASP.NET. The parser exception is being thrown by the runtime.

One option would be to create a separate JavaScript function, then call that function.

Something like the following:

Example

<script type="text/javascript">
    var doSomething = function (item) {
        var allow = <%= AllowOneSelect.ToString().ToLower() %>;

        if (!allow) return;//Error

        if (item.lock) {return;}
    };
</script>

Hope this helps.

[geoffrey.mcgill]

Then in your <CheckChange> config, you just pass the name of the JavaScript function:

Example

<Listeners>
    <CheckChange Fn="doSomething" />

[Mohammad]

Great, Thanks.
I could resolved my problem by your guidance.

My full codes in the following :

<script type="text/javascript">
    var EnterprisePositionsTreeFilterTree = function (el, e) 
    {
        var tree = <%= EnterprisePositionsTree1.ClientID %>, text = this.getRawValue();
        tree.clearFilter();
        if (Ext.isEmpty(text, false)) return;
        if (e.getKey() === Ext.EventObject.ESC) {
            clearFilter();
        } else {
            var re = new RegExp(".*" + text + ".*", "i");
            tree.filterBy(function (node) {
                return re.test(node.text);
            });
        }
    };

    var EnterprisePositionsTreeClearFilter = function () {
        var field = <%= EnterprisePositionsTreeTriggerField1.ClientID %>, tree = <%= EnterprisePositionsTree1.ClientID %>;
        field.setValue("");
        tree.clearFilter();
        tree.getRootNode().collapseChildNodes(true);
        tree.getRootNode().ensureVisible();
    };
    
    function CheckParentNode(node) {
        if (node.getUI().checkbox.checked == true && node.parentNode != undefined)
            CheckParentNode(node.parentNode);
    };
    
    function UncheckAllNodesExceptThisOne(node, checked) {
        if (!<%= AllowOneSelect.ToString().ToLower() %>) return;
        if (this.lock) { return; }
        
        if (checked) 
        {
            if (!this.checkedNode)
            {
                this.checkedNode = node;
            }
            else
            {
                this.lock = true;
                this.checkedNode.ui.toggleCheck(false);
                this.lock = false;
                this.checkedNode = node;
            }
        }
        else 
            this.checkedNode = null;
    }
</script>

<ext:TreePanel ID="EnterprisePositionsTree1" runat="server" UseArrows="true" AutoScroll="true"
    Animate="true" EnableDD="true" ContainerScroll="true" RootVisible="false" Collapsible="true"
    Collapsed="false">
    <TopBar>
        <ext:Toolbar ID="EnterprisePositionsTreeToolbar1" runat="server">
            <Items>
                <ext:ToolbarFill ID="EnterprisePositionsTreeToolbarFill1" runat="server" />
                <ext:ToolbarTextItem ID="EnterprisePositionsTreeToolbarTextItem1" runat="server"
                    Text=" Filter : " />
                <ext:TriggerField ID="EnterprisePositionsTreeTriggerField1" runat="server" EnableKeyEvents="true">
                    <Triggers>
                        <ext:FieldTrigger Icon="Clear" />
                    </Triggers>
                    <Listeners>
                        <KeyUp Fn="EnterprisePositionsTreeFilterTree" Buffer="250" />
                        <TriggerClick Handler="EnterprisePositionsTreeClearFilter();" />
                    </Listeners>
                </ext:TriggerField>
            </Items>
        </ext:Toolbar>
    </TopBar>
    <Listeners>
        <CheckChange Fn="UncheckAllNodesExceptThisOne" />
    </Listeners>
    <Root>
    </Root>
</ext:TreePanel>