सरल jQuery SlickGrid JSON उदाहरण या दस्तावेज़ीकरण

Question

मैं jQuery के माध्यम से JSON के रूप में डेटा पुनर्प्राप्त करने का प्रयास करते समय SlickGrid का उपयोग करने के तरीके पर एक साधारण उदाहरण की तलाश में हूं। AJAX। मैं SlickGrid प्लगइन के किसी दस्तावेज़ को भी ढूंढने में असमर्थ था और सोच रहा था कि क्या मैं गलत जगहों पर देख रहा हूं। स्लिमग्रिड के साथ शुरू करने के लिए मुझे कोई मदद की सराहना की जाएगी।

Answer 1

पर

एएसपीनेट पेज के भीतर एक उदाहरण। Webservice myData एक जेसन स्ट्रिंग देता है जिसे ग्रिड कॉलम से मेल खाने की आवश्यकता होती है।

$(function() { 

     $.ajax({ 
      url: "WS.asmx/myData", 
      global: false, 
      type: "POST", 
      data: "{}", 
      contentType: "application/json", 
      dataType: "json", 
      async: false, 
      success: function (json) { 
       data = eval('(' + json.d + ')'); 
       if (!data) { alert('no data'); }; 
      }, 
      error: function (msg) { 
       var errorText = eval('(' + msg.responseText + ')'); 
       alert('Error : \n--------\n' + errorText.Message); 
      } 
     } 

     ); 

if (data) { 
    dataView = new GridNic.Data.DataView(); 
    grid = new GridNic.Grid($("#myGrid"), dataView.rows, columns, options); 
    var pager = new GridNic.Controls.Pager(dataView, grid, $("#pager"), columns); 
    var columnpicker = new GridNic.Controls.ColumnPicker(columns, grid, options); 

... और इतने पर

---

Asp.Net में, json स्ट्रिंग के आकार डिफ़ॉल्ट रूप से प्रतिबंधित है। परेशानी के मामले में आपको web.config में एक बड़ा आकार घोषित करना होगा उदा। :

<system.web.extensions> 
    <scripting> 
    <webServices> 
     <jsonSerialization maxJsonLength="5000000"> 
     </jsonSerialization> 
    </webServices> 
    </scripting> 
</system.web.extensions> 

Answer 2

इस example पर एक नज़र डालें।

यदि SlickGrid उदाहरणों की कमी है, तो jqgrid पर एक नज़र डालें।

Answer 3

SlickGrid भंडार में AJAX के उदाहरण काफी जटिल है, क्योंकि यह कैशिंग, आदि उदाहरण के लिए के साथ मुश्किल पाने के लिए कोशिश कर रहा है, यह सभी पंक्तियों पहले ही भेज का ट्रैक रखता है और केवल सर्वर से नई पंक्तियाँ का अनुरोध करेंगे। यह Digg कहानियों के विशिष्ट उदाहरण के लिए भी कोडित है। दस्तावेज़ीकरण में कमी की कमी है और यह jQuery के संस्करण 1.5+ के साथ छोटी गाड़ी लगता है (जिसने बदल दिया AJAX कैसे संभाला गया था)।

मैं बहुत आसान समय था SlickGrid के एंड्रयू चाइल्ड्स कांटा, जो कैसे README के ​​निचले भाग में AJAX का उपयोग करने पर बहुत सरल और सीधा निर्देश शामिल हैं का उपयोग करके शुरू हो रही है:

भंडार है https://github.com/andrewchilds/SlickGrid

Answer 4

समाधान सरल है, लेकिन वे स्पष्ट रूप से यह नहीं बताते कि यह अपने विकी पेज पर कैसे करें।

स्लेकग्रिड जेएसओएन ऑब्जेक्ट फॉर्म में होने की अपेक्षा करता है। तो अगर किसी भी कारण से यह स्ट्रिंग रूप में है बस का उपयोग करें:

JSON.parse(jsonString); 

आप ajax से लोड कर रहे हैं, तो बस ऐसा करते हैं:

$.getJSON("file.json", function(data) { 
    grid = new Slick.Grid("#myGrid", data, columns, options); 
}