none
JQuery ile Grid Kullanımı RRS feed

  • Soru

  • Merhaba,

    Devexpressde yaşadığım yavaşlık sorunu yüzünden JQuery ile grid kullanmaya karar verdim. JQuery de çok yeniyim. Bu yüzden  bu konuda pek bilgim yok. İnternette biraz araştırma yapınca jqGrid kullanmaya karar verdim. Ancak SQL den okuduğum datayı gride nasıl bağlayacağımı bulamadım. (MVC kullanmadan)

    Server tarafında sql den okuduğum datayı JSON a çevirdim. datatype: 'json' dedikten sonra gridde JSON text i nasıl kullanacağımı bulamadım.

    Başka ücretsiz JQuery ile yazılmış bir gridde olabilir.

    Performans ve özellik bakımından önerebileceğiniz grid var mı? Varsa kullanımı ile ilgili örnek gönderebilir misiniz?

    Yardım eden herkese şimdiden teşekkürler.

    9 Kasım 2013 Cumartesi 10:53

Yanıtlar

Tüm Yanıtlar

  • DataTables'i inceleyebilirsiniz;

    http://datatables.net/


    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com
    MCC

    11 Kasım 2013 Pazartesi 13:26
    Moderatör
  • jqxGrid için sorunu çözdüm.
    İhtiyaç duyabilecek kişiler için örnek aşağıdadır...

    <script type="text/javascript">

    $(document).ready(function () {

         var w_theme = "ui-sunny";

         source = {

            datatype: "xml",

            datafields: [

                { name: 'ID},

                { name: 'AD},

                { name: 'SOYAD' },

            ],

            async: false,

            record: 'Table',

            url: 'WebForm4.aspx/GetCustomers',

        };

     

        var dataAdapter = new $.jqx.dataAdapter(source, { contentType: 'application/json; charset=utf-8'});

        $("#jqxgrid").jqxGrid({

            source: dataAdapter,

            theme: w_theme,       

            pageable: true,       

            selectionmode: 'singlerow',

            columns: [

                { text: 'ID', dataField: 'ID', width: 80, columntype: 'textbox', align: 'center'},

                { text: 'AD', dataField: 'AD', width: 150, columntype: 'textbox', align: 'center' },

                { text: 'SOYAD', dataField: 'SOYAD', width: 180, columntype: 'textbox', align: 'center' },

            ]  

                

        });

     </script>

    ....

    <body>

      <div id="jqxgrid">
        </div>

    </body>

    ...

    ...

            [WebMethod]

            [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Xml)]

            public static string GetCustomers() {

                string query = "select * from musteriler";

                SqlCommand cmd = new SqlCommand(query);

                // Populate the DataSet.

                DataSet data = new DataSet();

                ...

                // return the Customers table as XML.

                System.IO.StringWriter writer = new System.IO.StringWriter();

                data.Tables[0].WriteXml(writer, XmlWriteMode.WriteSchema, false);       

                           

                return writer.ToString();

            }


    15 Kasım 2013 Cuma 14:13