2014-09-02 145 views
1

我有一組簡單的,我從本地文件和加載揪成一個DataTable過濾JSON請求

使用YUI JSON數據,我怎麼可以過濾這個請求的響應只匹配的數據是與請求數據相關?

編輯:不正確的格式上的第一篇文章

YUI().use('aui-datatable', 'datatable-sort', 'aui-io-request', 'aui-tabview', 'datasource-io', 
    function(Y) { 

     var columns = [{ 
      key : 'id', 
      sortable : true 
     }, { 
      key : 'name', 
      sortable : true 
     },{ 
      key : 'price', 
      sortable : true 
     }]; 
     var dataTable = new Y.DataTable({ 
      columns : columns 
     }).render("#searchResultsTab"); 

     var node = Y.one('#searchButton'); 
     var criteria = document.getElementById("searchCriteria"); 
     node.on(
      'click', //on Search.. 
      function(){ 
       dataSource = new Y.DataSource.IO({source:'mydata.json'}); 
       request = document.getElementById("searchBox").value; 

       dataSource.sendRequest({ 
        on: { 
         success: function(e){ 
          var response = e.data.responseText; 
          jdata = Y.JSON.parse(response); 

          dataTable.set('data', jdata.info); //setting table data to json response 
         }, 
          failure: function(e){ 
           alert(e.error.message); 
          } 
         } 
       }); 
      } 
     ); 
     new Y.TabView(
       { 
       srcNode: '#searchResultsContainer' 
       } 
      ).render(); 

     }); 

mydata.json

{"info" : [ 
    {"id": 1,"name": "A green door","price": 12.50 }, 
    {"id": 2,"name": "A blue door","price": 10.50 }, 
    {"id": 3,"name": "A red door","price": 8.50 } 
} 

回答