将消息警报添加到Ext JS对象

时间:2018-04-19 13:51:32

标签: javascript jquery extjs

我试图向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);
           }
        }
     });
  }

1 个答案:

答案 0 :(得分: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;
                    }
                }
            }
        });
    }
});