PDA

View Full Version : سوال: مشکل در نحوه بایند کردن یک treeview که با jquery طراحی شده



bahareh1368
یک شنبه 19 آذر 1391, 22:17 عصر
با سلام.
من یه treeview دارم که با جی کوئری پیاده سازی میشه و میخوام که سرشاخه ها و زیر شاخه ها از طریق عمل بایندینگ انجام بشه جدولم طراحی شده ولی چه جوری میتونم داده های این tree view بایند کنم تا از دیتابیس بخونه؟
لطفا راهنمایی کنید.میدونم کامپوننت treeview تلریک دارای قابلیت اتصال مستقیم به دیتاسورسه و همینطور برای خود دات نت با xml میشه کار کرد اما نمیخوام ازش استفاده کنم. هدفم طراحی با جی کوئری است.
لطفا راهنماییم کنید

sanay_esh
یک شنبه 19 آذر 1391, 22:25 عصر
با سلام خدمت شما

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

bahareh1368
یک شنبه 19 آذر 1391, 22:59 عصر
با سلام خدمت شما

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

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

bahareh1368
دوشنبه 20 آذر 1391, 18:29 عصر
دوستان کسی نمیونه منو راهنمایی کنه؟؟؟
تو سایت هم سرچ کردم اما نتیجه ای نگرفتم.

HamidiFar
سه شنبه 21 آذر 1391, 15:06 عصر
من هم یک بار از 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
};
});