javascript - 向 Ext JS 对象添加消息警报

Question

我正在尝试向 ext 对象添加消息警报，但我似乎无法获取它。如果用户登录，则使用 URL 推送一个对象，他们可以访问它。如果他们没有登录，应该会出现一个弹出窗口并告诉他们登录。

有没有一种简单的方法可以将弹出窗口添加到 Ext pdf 链接？

代码

var treeObj = [];
function loggedIn() {
   if (typeof isLoggedIn != 'undefined') {
      return isLoggedIn;
   } else {
      return false;
   }
 }

 if (loggedIn()) {

    treeObj.push({
       text: 'Test File',
       leaf: true,
       href: '/secure/test.pdf',
       cls: 'tree-pdf',
     });

  } else{

     treeObj.push({
        text: 'Test File',
        leaf: true,
        cls: 'tree-pdf',
        listeners: {
           render: function(c){
              c.getEl().on('click', function(){
                 Ext.Msg.alert('Insufficient Rights', 'You have selected a secure resource.');
              }, c);
           }
        }
     });
  }

Answer 1

你可以试试这个Fiddle

代码片段:-

Ext.application({
    name: 'Fiddle',

    launch: function () {
        var treeObj = [],
            isLoggedIn;// = true;

        function loggedIn() {
            if (typeof isLoggedIn != 'undefined') {
                return isLoggedIn;
            } else {
                return false;
            }
        }

        if (loggedIn()) {
            treeObj.push({
                text: 'Test File',
                leaf: true,
                href: '/secure/test.pdf',
                hrefTarget: '_blank',
                cls: 'tree-pdf',
            });

        } else {
            treeObj.push({
                text: 'Test File',
                leaf: true,
                cls: 'tree-pdf'
            });
        }

        Ext.create('Ext.tree.Panel', {
            renderTo: document.body,
            title: 'Simple Tree',
            width: 300,
            height: 250,
            root: {
                text: 'Root',
                expanded: true,
                children: treeObj
            },
            listeners: {
                beforeitemclick: function (view, record, item, index, e, eOpts) {
                    if (!loggedIn()) {
                        Ext.Msg.alert('Insufficient Rights', 'You have selected a secure resource.');
                        return false;
                    }
                }
            }
        });
    }
});