解碼Ajax響應

Question

我是新來的ext Js。

我有一個ajax調用。我可以看到警報上的響應文本，但下一行（假定解碼responseText）不會在警報框中產生任何結果。

我的功能是這樣的：

function openToRecipients() 
{ 

    Ext.Ajax.request({ 
     url: "Redirector?id=ClinicalInitiateForm&wfid=CLINICALONGOINGWFINITIATE", 
     method: 'POST',     
      success: function(response, opts) 
      { 
       alert(response.responseText); 
       var dataCurrent = Ext.util.JSON.decode(response.responseText); 
       alert(dataCurrent); 
       var jsonStr = dataCurrent.cData; 
       recipientJsonResponse = dataCurrent.dataGrid; 
       var myObject = eval('(' + jsonStr + ')'); 
       gridStore = new Ext.data.JsonStore({ 
        id : 'gridStore', 
        autoLoad : true, 
        data : myObject, 
        root : 'data', 
        fields:['NAME', 
           'CLIENT', 
           'DESCRIPTION' 
         ], 
        listeners :{ 
         load : gridDisplay 
        } 
       }); 
       }, 
      failure: function(response, opts) { 
       alert("fail"); 
      } 

    }); 

} 

這是coverting串

"formFields" : [ { 
    "id" : "NAME", 
    "set" : "", 
    "label" : "Name", 
    "dataType" : "string", 
    "editType" : "static", 
    "clientConfig" : "", 
    "hide" : "False", 
    "required" : "", 
    "mask" : "", 
    "maxValue" : "", 
    "maxLength" : "", 
    "minValue" : "", 
    "value" : "", 
    "showIf" : "", 
    "options" : "", 
    "prePopulate" : "", 
    "shortForm" : "", 
    "comments" : "", 
    "optionsValue" : "", 
    "currentValue" : "", 
    "disabled" : "", 
    "qTip" : "", 
    "hover" : "" 
    }, { 
    "id" : "CLIENT", 
    "set" : "", 
    "label" : "Client", 
    "dataType" : "string", 
    "editType" : "static", 
    "clientConfig" : "", 
    "hide" : "False", 
    "required" : "", 
    "mask" : "", 
    "maxValue" : "", 
    "maxLength" : "", 
    "minValue" : "", 
    "value" : "", 
    "showIf" : "", 
    "options" : "", 
    "prePopulate" : "", 
    "shortForm" : "", 
    "comments" : "", 
    "optionsValue" : "", 
    "currentValue" : "", 
    "disabled" : "", 
    "qTip" : "", 
    "hover" : "" 
    }, { 
    "id" : "DESCRIPTION", 
    "set" : "", 
    "label" : "Description", 
    "dataType" : "string", 
    "editType" : "static", 
    "clientConfig" : "", 
    "hide" : "False", 
    "required" : "", 
    "mask" : "", 
    "maxValue" : "", 
    "maxLength" : "", 
    "minValue" : "", 
    "value" : "", 
    "showIf" : "", 
    "options" : "", 
    "prePopulate" : "", 
    "shortForm" : "", 
    "comments" : "", 
    "optionsValue" : "", 
    "currentValue" : "", 
    "disabled" : "", 
    "qTip" : "", 
    "hover" : "" 
    } ], 

後，我的JSON和這是我的數據

{'data':[{"NAME":"Shan","CLIENT":"CSC","DESCRIPTION":"Computer science"}]} 

我怎麼能有這樣的數據在我的網格中

Answer 1

這裏是你可以使用代碼：

var myStore = Ext.create("Ext.data.JsonStore", { 
    fields: [ "firstname", "lastname" ], // the fields of each item (table line) 
    proxy: { 
     type: "ajax", // the proxy uses ajax 
     actionMethods: { // this config is not necessary for you. I needed to use it to be able to work with the echo service of jsFiddle. if you want to use post (as I saw in your post, you can skip this) 
      create: "POST", 
      read: "POST", 
      update: "POST", 
      destroy: "POST" 
     }, 
     url: "/echo/json/", // here will come your URL that returns your JSON (in your case "Redirector?id..." 
     reader: { 
      type: "json", // this store reads data in json format 
      root: "items" // the itens to be read are inserted in a "items" array, in you case "formFields" 
     } 
    } 
}); 

// in jsFiddle, we need to send the JSON that we want to read. In your case, you will just call .load() or set the autoLoad config of the store to true. If you want send adition parameters, you can use the sintax below. 
myStore.load({ 
    params: { 
     // everything inside the encode method will be encoded in json (this format that you must send to the store) 
     json: Ext.encode({ 
      items: [{ 
       "firstname": "foo", 
       "lastname": "bar" 
      }, { 
       "firstname": "david", 
       "lastname": "buzatto" 
      }, { 
       "firstname": "douglas", 
       "lastname": "adams" 
      }] 
     }) 
    } 
}); 

// creatin the grid, setting its columns and the store 
Ext.create("Ext.grid.Panel", { 
    title: "My Grid", 
    columns: [{ 
     header: "First Name", 
     dataIndex: "firstname" // the dataIndex config is used to bind the column with the json data of each item 
    }, { 
     header: "Last Name", 
     dataIndex: "lastname" 
    }], 
    store: myStore,   // the store created above 
    renderTo: Ext.getBody() // render the grid to the body 
}); 

你可以在這裏訪問小提琴：http://jsfiddle.net/cYwhK/1/ 文檔：

• JsonStore：http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.data.JsonStore
• Ajax代理：http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.data.proxy.Ajax
• 電網： http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.grid.Panel

另一個人認爲我忘記告訴你可以在你的商店中使用模型而不是字段數組。模型就像一個面嚮對象語言的類。看看：http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.data.Model