[FIXED] [#1436] [4.2.1] .Icon & .UI will cause "Invalid regular expression flags" error in browser

When we use .UI & .Button under Ext.NET 4.2.0, the browser will have "Invalid regular expression flags" error.

Attachment 24843


We have checked the response data of partial view request. the error message should be caused from this line.(url data is not single quoted)

Code:

---

{script:"Ext.net.ResourceMgr.registerIcon([\"Add\",\"Delete\",\"Disk\"]);
Ext.net.ResourceMgr.load([{url:\"/Scripts/Settings/MIBrandModelMgmt.js\"},
{url:/uipack/aria/extui-aria-all-css3-embedded-css/ext.axd?v=4.2.0,mode:\"css\"}],
 function(){Ext.ComponentManager.onAvailable(\"ContientPanel\",function(){Ext.net.addTo(\"ContientPanel\",

---

our view codes

Code:

---

@using ResMgmt.Helpers;
@model ResMgmt.Models.BrandModelModel
@{
    MvcResourceManager.RegisterGlobalScript("~/Scripts/Settings/MIBrandModelMgmt.js");
    ViewBag.Title = "å»*牌型號è¨*定";
    var X = Html.X();

    var gpItemSet = X.GridPanel()
        .ID("PanelItemSetGrid")
        .AnchorHorizontal("80%")
        .Title("å»*牌列表")
        .Region(Region.West)
        .Width(300)
        .Split(true)
        .ForceFit(true)
        .TopBar(
            X.Toolbar()
                .Items(
                    X.Button()
                        .Text("新增")
                        .Icon(Icon.Add)
                        .Width(80)
                        .UI(UI.Success)
                        .Handler("handlerMIBrandModelMgmt.onCreate();"),
                    X.Button()
                        .Text("刪除")
                        .Icon(Icon.Delete)
                        .Width(80)
                        .UI(UI.Success)
                        .Handler("handlerMIBrandModelMgmt.onDelete();"),
                    X.Button()
                        .Text("儲å*˜")
                        .Icon(Icon.Disk)
                        .Width(80)
                        .UI(UI.Success)
                        .Handler("handlerMIBrandModelMgmt.onSave();")
            )
        )
        .BottomBar(
            X.PagingToolbar()
                .HideRefresh(true)
        );


}

@(
    X.Panel()
        .ID("PanelBrandModelMgmt")
        .Closable(true)
        .AutoScroll(true)
        .Defaults(new Parameter("Margin", 10))
        .Title("通信器材å»*牌型號è¨*定")
        .Layout(LayoutType.Fit)
        .Items(
            X.Container()
                .Layout(LayoutType.Border)
                .Defaults(new Parameter("Margin", 5))
                .Items(
                    gpItemSet
                )
        )
)

---

our partial view action codes

Code:

---

public ActionResult MIBrandModelMgmt(string containerId)
        {
            var result = new Ext.Net.MVC.PartialViewResult
            {
                ViewName = "MIBrandModelMgmt",
                ContainerId = containerId,
                RenderMode = RenderMode.AddTo
            };

            BrandModelModel model = new BrandModelModel();

            model.EquipTypes = _uom.IrCodes
                .GetEquipTypes()
                .ToList()
                .Select(c => new CodeModel(c))
                .ToList();
            result.Model = model;

            Ext.Net.X.GetCmp<TabPanel>(containerId).SetLastTabAsActive();

            return result;
        }

---

Ted

Hello Ted!

Thanks for reporting the problem! We've just created issue #1436 to track and fix this!

As an workaround please add this script tag to your main view:

Code:

---

<script type="text/javascript">
    Ext.define('Ext.net.DirectEvent', {
        override: 'Ext.net.DirectEvent',
        executeScript: function (o, result, response) {
            var delay = 0,
                em = o.eventMask || {};

            if (em.minDelay) {
                delay = em.minDelay;
            }

            if (delay > 0) {
                var task = new Ext.util.DelayedTask(this.executeScriptDelay, o.scope, [o, result, response]).delay(delay);
            } else {
                if (Ext.net.Version == "4.2.0" && result.script && result.script.length > 1) {
                    result.script = result.script.replace(/([^a-zA-Z]url:)([^",}]+)/g, function (match, ref1, ref2) { return ref1 + '"' + ref2 + '"' });
                }

                this.executeScriptDelay.call(o.scope, o, result, response);
            }
        }
    });
</script>

---

It will wrap the url in quotes whenever it happens to show up in a script response.

When we fix this issue at server-side we'll post an update here! Shouldn't take long to fix, but the fix will only be available on the sources until next public release.

Hello again!

We have just fixed the issue in latest Ext.NET sources available on github! The problem should no longer happen and the override provided wouldn't be necessary at all.

Fabricio,

Thanks for your support and the fixing but we cannot find the way to access Github?

Hello @u8621011!

You might have received these instructions on the emails about the Premium license acquisition, if you can't find it, please email us at support@ext.net and we'll be able to set up or update your github access to the code repository!

Hope this helps!