مشکل در نحوه بایند کردن یک treeview که با jquery طراحی شده

[bahareh1368]

با سلام.
من یه treeview دارم که با جی کوئری پیاده سازی میشه و میخوام که سرشاخه ها و زیر شاخه ها از طریق عمل بایندینگ انجام بشه جدولم طراحی شده ولی چه جوری میتونم داده های این tree view بایند کنم تا از دیتابیس بخونه؟
لطفا راهنمایی کنید.میدونم کامپوننت treeview تلریک دارای قابلیت اتصال مستقیم به دیتاسورسه و همینطور برای خود دات نت با xml میشه کار کرد اما نمیخوام ازش استفاده کنم. هدفم طراحی با جی کوئری است.
لطفا راهنماییم کنید

[sanay_esh]

با سلام خدمت شما

پروژه یا نمونه کار خودتون رو بذارید تا بررسی بشه

[bahareh1368]

با سلام خدمت شما

پروژه یا نمونه کار خودتون رو بذارید تا بررسی بشه

من یه جدول دارم که استانها را در برداره و شهرهای هر استان هم در همون نگهداری میشه بصورتی که جدولم شامل :
ID
ParrentID
Caption
می باشد که parrent میتونه نال هم باشه. حالا میخوام این جدول مستقیم به treeview به عنوان دیتا سورس وصل بشه تا نام استانها(به عنوان سرشاخه) و نام شهرهایشان(به عنوان زیرشاخه) در زیر شاخه مربوطه قرار بگیره. برای اینکه امکان انتخاب و عدم انتخاب داده ها را داشته باشم از یه پلاگین جی کوئری استفاده کردم که لینکش رو هم قرار میدم :
http://www.obout.com/t2/ht_checkboxes.aspx

[bahareh1368]

دوستان کسی نمیونه منو راهنمایی کنه؟؟؟
تو سایت هم سرچ کردم اما نتیجه ای نگرفتم.

[HamidiFar]

من هم یک بار از jquery treeview استفاده کردم که اطلاعات رو از sql میگرفت از Ajax و JSON و Web Service استفاده کردم امیدوارم کمکت کنه :

SQL:

 $(document).ready(function () {



            var url = "http://192.168.2.2:8080/MyService.asmx/GetData";



            var source =

                {

                    datatype: "json",

                    datafields: [

                        { name: 'ID', type: 'int' },

                        { name: 'Parent' },

                        { name: 'Caption' }

                    ]

                };





            $.ajax({

                type: 'GET',

                dataType: 'json',

                async: false,

                url: url,

                cache: false,

                contentType: 'application/json; charset=utf-8',

                success: function (data) {

                    source.localdata = data.d;

                },

                error: function (request, status, error) {

                    alert(request.responseText);

                }

            });

        });

XML :

  $(document).ready(function () {



                var url = "../sampledata/customers.xml";

                var source =

                {

                    datatype: "xml",

                    datafields: [

                        { name: 'CompanyName', map: 'm\\:properties>d\\:CompanyName' },                       

                        { name: 'ContactTitle', map: 'm\\:properties>d\\:ContactTitle' },

                        { name: 'City', map: 'm\\:properties>d\\:City' },                      

                        { name: 'Country', map: 'm\\:properties>d\\:Country' }

                    ],

                    root: "entry",

                    record: "content",

                    id: 'm\\:properties>d\\:CustomerID',

                    url: url ,

                    async: false

                };              

            });