ثبت داده های Json با استفاده از IgGrid

شنبه 11 مهر 1394

در این مقاله ما میخواهیم در مورد سریع ترین datagrid جی کوئری با نام IgGrid برای ثبت انواع مختلف منابع داده ها مانند html , xml , json و مجموعه جداول در دات نت استفاده کنیم.

ثبت داده های Json با استفاده از IgGrid

در این مقاله ما میخواهیم در مورد سریع ترین DataGrid جی کوئری  با نام IgGrid مثالی ساده ارائه دهیم

لازم به ذکر است ویژگی هایی از قبیل ویرایش ، مرتب سازی ، تغییر اندازه ستون ، فیلتر و صفحه بندی در igGrid امکان پذیر است.

jquery ما برای اتصال داد های Json به igGrid در زیر قرار داده شده است:

    $(function () {  
               var data = [  
                         { "Name": "iShriss", "Age": 25 },  
                         { "Name": "Bill", "Age": 59 },  
                         { "Name": "Tim", "Age": 54 },  
                         { "Name": "Sam", "Age": 36 },  
                         { "Name": "Mark", "Age": 27 },  
                   ];  
               $("#grid").igGrid({  
                  columns: [  
               { headerText: "Name", key: "Name", dataType: "string" },  
               { headerText: "Age", key: "Age", dataType: "number" },              
               ],  
                   width:'250px',  //column resizing  
                   dataSource: data //JSON Array   
               });  
           });  

در صفحه html ، المان IgGrid  را اضافه میکنیم

    <table id="grid"></table>  
<style>  
       #grid_container {  
           width: 100%;  
           max-width: 560px;  
       }  
   </style> 

 

فایل های ضمیمه

برنامه نویسان

نویسنده 3355 مقاله در برنامه نویسان
  • Jquery
  • 1k بازدید
  • 0 تشکر

کاربرانی که از نویسنده این مقاله تشکر کرده اند

تاکنون هیچ کاربری از این پست تشکر نکرده است

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید