2015-12-04 66 views
0

file structure imageenter image description here![ this is the project structure I am using. On adding a local URL like this below code is not working. url:'data/showStudentInfo.html']3我使用的Ext JS版本4.1.1 在我的申請,我有一個網格,使用存儲。 點擊「點擊我」按鈕我想重定向到服務器,爲測試目的我使用基本的谷歌網址, 但類Ext.Ajax.Request不工作​​我認爲 請幫助,因爲我是新來的Ext js,我不知道我正在犯的錯誤。 我想記事本+ +,以及在Eclipse Eclipse(靛藍版)。 都具有相同的輸出,Ext.Ajax.Request部分不工作。 它將有很大的幫助,如果任何人有意見,如果我要提前發 感謝 下面是我的HTML和JS文件Ext.Ajax.request不工作​​

practiseCellEditEx.js

Ext.require([ 
    'Ext.data.*', 
    'Ext.Ajax.', 
    'Ext.grid.*' 
]); 

function getRandomDate() { 
    var from = new Date(1900, 0, 1).getTime(); 
    var to = new Date().getTime(); 
    var date = new Date(from + Math.random() * (to - from));  
    return Ext.Date.clearTime(date); 
} 

function createFakeData(count) { 
    var firstNames = ['Ed', 'Tommy', 'Aaron', 'Abe']; 
    var lastNames = ['Spencer', 'Maintz', 'Conran', 'Elias'];    
    var data = []; 
    for (var i = 0; i < count ; i++) { 
     var dob = getRandomDate();   
     var firstNameId = Math.floor(Math.random() * firstNames.length); 
     var lastNameId = Math.floor(Math.random() * lastNames.length); 
     var name  = Ext.String.format("{0} {1}", firstNames[firstNameId], lastNames[lastNameId]); 
     data.push([name, dob]); 
    } 
    return data; 
} 

Ext.onReady(function(){ 
    Ext.define('Person',{ 
     extend: 'Ext.data.Model', 
     fields: ['Name', 'dob'] 
    }); 

    var store = Ext.create('Ext.data.Store', { 
     model: 'Person', 
     autoLoad: true, 
     proxy: { 
      type: 'memory', 
      data: createFakeData(10), 
      reader: {type: 'array'} 
     }, 
     sorters: [{ 
      direction:'ASC' 
     }] 
    }); 

    Ext.create('Ext.grid.Panel', { 
     store: store, 
     plugins: [ 
      Ext.create('Ext.grid.plugin.CellEditing', { 
       clicksToEdit : 1 
      }) 
     ], 
     columns: [ 
      { 
       text: "Name", 
       width:120, 
       dataIndex: 'Name', 
       editor : { 
        xtype: 'textfield', 
        allowBlank:false 
       } 
      }, 
      { 
       text: "DOB", 
       width: 120, 
       dataIndex: 'dob', 
       renderer: Ext.util.Format.dateRenderer('M d, Y'), 
       editor: { 
        xtype: 'datefield', 
        format: 'M d, Y', 
        minValue: '01/01/1900', 
        maxValue: new Date() 
       } 
      }, 
      { 
       xtype: 'actioncolumn', 
       width: 30, 
       sortable: false, 
       menuDisabled: true, 
       items: [{ 
        icon: 'http://etf-prod-projects-1415177589.us-east-1.elb.amazonaws.com/trac/docasu/export/2/trunk/client/extjs/shared/icons/fam/delete.gif', 
        handler: function(grid, rowIndex, colIndex) { 
         store.removeAt(rowIndex); 
        } 
       }] 
      } 
     ], 
     renderTo:'example-grid', 
     width: 280, 
     height: 280 

    }); 

    Ext.create('Ext.Button', { 
    text: 'Click me', 
    // renderTo: Ext.getBody(), 
    renderTo:'myBtn', 
    handler: getName 
}); 

function getName (btn) 
    { 
     alert("hello"); 
     var records = store.getAt(1); 
     alert('the name at index 1 is:'+records.get('Name')); 
     Ext.Ajax.request({ 
      url     : 'https://www.google.co.in/' 
        }); 
    }; 
    /* 
    function buttonClicked() { 
    Ext.MessageBox.confirm('Delete this part ? :'); 
}*/ 

}); 

practiseCellEditEx.html

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset=utf-8 /> 
    <title>ExtJS Samples</title> 
    <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" /> 
    <script type="text/javascript" src="../adapter/ext/ext-base.js"></script> 
    <script type="text/javascript" src="../ext-all.js"></script> 
    <script type="text/javascript" src="practiseCellEditEx.js"></script> 

</head> 
<body> 
    <h2> <b>Helllo , today's Date is 02.12.2015 </b></h2> 
     <div id="example-grid"></div> 
     <!--<button id="myBtn"></button>--> 
     <div id="myBtn"></div> 
</body> 


</html> 
+0

請幫助我,任何建議將明顯 – Anna

回答

0

這些問題似乎只是要求去google.com。在我的瀏覽器中,它被阻止,因爲它是一個跨域請求(對另一個域的ajax請求),在這裏也可以看到更多信息:https://en.wikipedia.org/wiki/Same-origin_policy

具有對本地URL的請求的相同代碼正常工作。

+0

對不起daolaf,我錯了編輯你的答案,而不是編輯我的帖子。我錯誤地在已回答的帖子的編輯部分中發佈了文件結構。爲此道歉。 – Anna

+0

添加一個本地URL爲url:'data/showStudentInfo.html'不適用於我,其中data是一個包含簡單html頁面的文件夾,名稱爲:showStudentInfo.html – Anna