JavaScript變量成的jqGrid

Question

的POSTDATA現在我有執行某種邏輯，併產生一個字符串變量的jqGrid函數高於此postData: { search: function() { return $("#search").val(); },},

我然後有jQuery函數。現在，我只是把這個變量和設置搜索元素的值是這樣的：

$("#startSearch").click(function() { 

    $("#search").val(searchVal); 

    $("#grid").trigger("reloadGrid"); 

}); 

這工作，但我跳以不同的方式做到這一點。我只想將我的jQuery函數生成的seachVal變量傳遞給postdata。

我試過這樣，但它不工作POSTDATA：{ search: function() { return searchVal; },},

我收到說沒有定義searchVal錯誤。我確信searchVal變量是全局變量，但它仍然不起作用。

這是可能的還是我只是看着這個錯誤？

任何幫助將是偉大的。

感謝

UPDATE：

下面是一個剝離下來的網頁版本：

<fieldset> 
<input type='text' id='search' /> 
<button type='button' id='startSearch'>Search</button> 
</fieldset> 


<script type="text/javascript"> 

    $(function(){ 

      $("#startSearch").click(function() { 

       serchVal = 'transID > "5"'; 

       $("#search").val(serchVal); 

       $("#grid").trigger("reloadGrid"); 


      }); 


     $("#list").jqGrid({ 

     url:'data.cfc?method=gridData', 
     datatype: 'json', 
     mtype: 'POST', 

     jsonReader : { 
     root: "rows", 
     page: "currentpage", 
     total: "totalpages", 
     records: "totalrecords", 
     repeatitems: false, 
     id: "0", 
     }, 

     postData: { search: function() { return $("#search").val(); },},  

     colModel :[ 
      {name:'transid', label:'Trans ID', width:60}, 
      {name:'companyname', label:'Company Name', width:245}, 
      {name:'companycode', label:'Company Code', width:245}, 
      {name:'datasource', label:'Datasource', width:245} 

     ], 
     pager: '#pager', 
     rowList:[10,50,100], 
     rowNum:'10', 
     height:221, 
     sortname: 'transid', 
     sortorder: 'asc', 
     viewrecords: true, 
     gridview: true, 
     caption: 'Get Trans', 
     altRows: false, 
     autowidth: true, 
     forceFit: true, 
     rownumbers: true, 
     scroll: false, 
     sortable: true 

     });  

     $("#list").jqGrid('navGrid','#pager',{edit:false,add:false,del:false,search:false,view:true}); 

    }); 

</script> 

    <table id="grid"></table> 
    <div id="pager"></div> 

Answer 1

我想這個問題只是存在，因爲你沒有申報的變量serchVal（您的意思可能是searchVal）。您可以嘗試修改代碼以下

$(function() { 
    var searchVal = ''; 

    $("#startSearch").click(function() { 
     searchVal = 'transID > "5"'; 
     $("#grid").trigger("reloadGrid"); 
    }); 

    $("#list").jqGrid({ 
     url: 'data.cfc?method=gridData', 
     datatype: 'json', 
     mtype: 'POST', 
     jsonReader : { 
      page: "currentpage", 
      total: "totalpages", 
      records: "totalrecords", 
      repeatitems: false, 
      id: "0" 
     }, 
     postData: { search: function() { return searchVal; }}, 
     colModel: [ 
      {name: 'transid', label: 'Trans ID', width: 60}, 
      {name: 'companyname', label: 'Company Name', width: 245}, 
      {name: 'companycode', label: 'Company Code', width: 245}, 
      {name: 'datasource', label: 'Datasource', width: 245} 
     ], 
     pager: '#pager', 
     rowList: [10, 50, 100], 
     rowNum: 10, 
     height: 221, 
     sortname: 'transid', 
     viewrecords: true, 
     gridview: true, 
     caption: 'Get Trans', 
     autowidth: true, 
     rownumbers: true, 
     sortable: true 
    }).jqGrid('navGrid', '#pager', 
     {edit: false, add: false, del: false, search: false, view: true}); 
}); 

之後，你可以刪除<input type='text' id='search' />。

Answer 2

你爲什麼不只是包裝在一個函數的邏輯

function SomeLogic() { 
    return("some logic here!"); 
} 

這將被這樣調用：

postData: { search: function() { return SomeLogic() } }, 

，所以你只需要重裝電網

$("#startSearch").click(function() { 
    $("#grid").trigger("reloadGrid"); 
}); 

明顯的功能SomeLogic可以只返回searchVal

function SomeLogic() { 
    return(searchVal); 
}