asp .net ajax çok sütunlu autocomplete

oozsakarya · 07/05/2008, 16:41

merhaba
asp .nette ajaxta auto complete kontrolü yapmak istiyorum.
Kullanıcı o texte bir şeyler girmeye başlayınca belli bir süre sonra google suggestte olduğu gibi database'deki ilgili kayıtlar gelecek.
Buraya kadarı ajax kontrollerde var, asp .net ajax gibi. Fakat istediğim aşağı açılan divde bir grid yada tablo olsun ve birden çok sütun olsun. Mesela textboxa ürün kodu giriliyorsa aşağı açılan divde ürün kodunun tamamı, ürün adları vb bir gridde listelensin. Kullanıcı birini seçinde textboxa o ürün kodu yazılsın. Yani diğer sütunlar kullanıcıyı bilgilendirmek için.
Bunu nasıl yapabilirim?
Microsoft ajax kodları açık. Onu değiştirmeye çalıştım. Divde tablo oluşturmaya çalışınca kayıt seçmeye çalışırken tüm satırlar seçiliyor. Çünkü en dışta tablo var ve seçmeye çalışırken eventin targetı direk tüm tablo oluyor. Her satır için tablo oluşturmayı denedim, o zamanda tdler aynı hizada olmuyor. Çünkü tabloların tdleri arasında ilişki yok. css le width,maxwidth,minwifth e 10px gibi sabit değer atadım, ama yine olmadı.

Javascriptle oturup yazmaya çalışıyorum. Fakat bu seferde settimeout fonksiyonu ile çağırdığım fonksiyon içinde this kullanarak nesneme ulaşamıyorum. Çünkü settimeout windows nesnesininmiş ve this deyince this ile kendi nesnemi demek istediğimi anlamıyor. İnternette aradım ama baktığım çözümler işimi görmedi.

anov · 07/05/2008, 16:50

Hangi bölümü ne şekilde değiştirdiğini gerçekten merak ettim, çünkü asp.net ajax içine bu kadar müdahale etmek şöyle dursun, fazla bulaşmışlığım da yok. (Anthem genellikle işimi görüyor)

Şöyle bir şey önersem, kapsayıcı <div> ler içinde float:left verilmiş yan yana duran div ler kullanabilirsin:

Kod:

<div>
  <div style="float:left;width:20px;overflow:hidden;"><!--sutun 1-->
  </div>
  <div style="float:left;width:20px;overflow:hidden;"><!--sutun 2-->
  </div>
</div>

oozsakarya · 08/05/2008, 09:40

Sağol
Dediğin şekilde yapınca sürekli yan yana koydu.
Tablo şeklinde yapmak için şağıdaki kodu denedim:

<html>
<head>
<title></title>
<style type="text/css">
..tablediv {
display: table;
width:600px;
background-color:#eee;
border:1px solid #666666;
border-spacing:5px;/*cellspacing

oor IE support for this*/
border-collapse:separate;
}
..celldiv {
float:left;/*fix for buggy browsers*/
display: table-cell;
width:50%;
background-color:#ccc;
}
..rowdiv {
display: table-row;
width:auto;
}
</style>
</head>
<body>
<div class="tablediv">
<div class="rowdiv">
<div class="celldiv">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa</div>
<div class="celldiv">bbbb</div>
</div>
<div class="rowdiv">
<div class="celldiv">cccccc</div>
<div class="celldiv">d</div>
</div>
</div>
</body>
</html>

Fakat mesela bir sütunun karakter sayısı çok olsun, o sütun taşıyor. Tablo olmaktan çıkıyor, belli bir yerde sınırlayamadım. %100 olsa tablo tüm ekranı kaplayacak.
Fikri olan var mı?

Dediğim autocomplete http://finance.yahoo.com/ de var, sol üst köşede Get Quotes yazan kısımda. Fakat yahoo'nun ajax kütüphanesinde bulamadım ben.

Adam Right · 08/05/2008, 14:01

"mutli column AutoCompleteExtender" diyince çok örnek çıkıyor ama tam senin istediğin gibi olup olmadıklarını anlayamadım.
Bu şekilde aradınmı sende ?

Birde şuraya bir göz atsana belki fikir verir.

http://www.codeproject.com/KB/ajax/m...ndragdrop.aspx

07/05/2008, 16:41	#1 (permalink)
oozsakarya Cevizci Üyelik Tarihi: 04/2006 Mesaj: 159	asp .net ajax çok sütunlu autocomplete merhaba asp .nette ajaxta auto complete kontrolü yapmak istiyorum. Kullanıcı o texte bir şeyler girmeye başlayınca belli bir süre sonra google suggestte olduğu gibi database'deki ilgili kayıtlar gelecek. Buraya kadarı ajax kontrollerde var, asp .net ajax gibi. Fakat istediğim aşağı açılan divde bir grid yada tablo olsun ve birden çok sütun olsun. Mesela textboxa ürün kodu giriliyorsa aşağı açılan divde ürün kodunun tamamı, ürün adları vb bir gridde listelensin. Kullanıcı birini seçinde textboxa o ürün kodu yazılsın. Yani diğer sütunlar kullanıcıyı bilgilendirmek için. Bunu nasıl yapabilirim? Microsoft ajax kodları açık. Onu değiştirmeye çalıştım. Divde tablo oluşturmaya çalışınca kayıt seçmeye çalışırken tüm satırlar seçiliyor. Çünkü en dışta tablo var ve seçmeye çalışırken eventin targetı direk tüm tablo oluyor. Her satır için tablo oluşturmayı denedim, o zamanda tdler aynı hizada olmuyor. Çünkü tabloların tdleri arasında ilişki yok. css le width,maxwidth,minwifth e 10px gibi sabit değer atadım, ama yine olmadı. Javascriptle oturup yazmaya çalışıyorum. Fakat bu seferde settimeout fonksiyonu ile çağırdığım fonksiyon içinde this kullanarak nesneme ulaşamıyorum. Çünkü settimeout windows nesnesininmiş ve this deyince this ile kendi nesnemi demek istediğimi anlamıyor. İnternette aradım ama baktığım çözümler işimi görmedi.

07/05/2008, 16:50	#2 (permalink)
anov Varlığa izin veren boşluk Üyelik Tarihi: 04/2004 Yer: İstanbul Mesaj: 2,827	Hangi bölümü ne şekilde değiştirdiğini gerçekten merak ettim, çünkü asp.net ajax içine bu kadar müdahale etmek şöyle dursun, fazla bulaşmışlığım da yok. (Anthem genellikle işimi görüyor) Şöyle bir şey önersem, kapsayıcı <div> ler içinde float:left verilmiş yan yana duran div ler kullanabilirsin: Kod: <div> <div style="float:left;width:20px;overflow:hidden;"><!--sutun 1--> </div> <div style="float:left;width:20px;overflow:hidden;"><!--sutun 2--> </div> </div> __________________ Ceviz Viki \| Vikipedi \| VikiKitap \| VikiKaynak \| VikiSözlük \| VikiSöz \| Wikipedia \| Wikibooks

08/05/2008, 09:40	#3 (permalink)
oozsakarya Cevizci Üyelik Tarihi: 04/2006 Mesaj: 159	Sağol Dediğin şekilde yapınca sürekli yan yana koydu. Tablo şeklinde yapmak için şağıdaki kodu denedim: <html> <head> <title></title> <style type="text/css"> ..tablediv { display: table; width:600px; background-color:#eee; border:1px solid #666666; border-spacing:5px;/cellspacingoor IE support for this/ border-collapse:separate; } ..celldiv { float:left;/fix for buggy browsers/ display: table-cell; width:50%; background-color:#ccc; } ..rowdiv { display: table-row; width:auto; } </style> </head> <body> <div class="tablediv"> <div class="rowdiv"> <div class="celldiv">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa</div> <div class="celldiv">bbbb</div> </div> <div class="rowdiv"> <div class="celldiv">cccccc</div> <div class="celldiv">d</div> </div> </div> </body> </html> Fakat mesela bir sütunun karakter sayısı çok olsun, o sütun taşıyor. Tablo olmaktan çıkıyor, belli bir yerde sınırlayamadım. %100 olsa tablo tüm ekranı kaplayacak. Fikri olan var mı? Dediğim autocomplete http://finance.yahoo.com/ de var, sol üst köşede Get Quotes yazan kısımda. Fakat yahoo'nun ajax kütüphanesinde bulamadım ben.

Benzer Konular
Konu	Konuyu açana göre	Forum	Cevap	En Son Mesaj
Ajax ile çağırılan sayfada Ajax ve Javascript çalıştırma	Oguzh4n	Javascript / DHTML / Ajax	15	17/07/2008 07:29
google autocomplete	lookes	Javascript / DHTML / Ajax	10	21/06/2008 00:50
Css de 3 sütunlu, 4 satırlı tablo yapabilme	krizantems	Web Tasarım	1	09/02/2008 20:09
Ajax içinde ajax kullanamıyorum	voltigore	Javascript / DHTML / Ajax	4	05/09/2007 18:09
edit plus autocomplete	Beholder	Uygulama Yazılımları / Hazır Betikler	5	26/01/2005 09:23

08/05/2008, 14:01	#4 (permalink)
Adam Right Üye Üyelik Tarihi: 05/2008 Mesaj: 2	"mutli column AutoCompleteExtender" diyince çok örnek çıkıyor ama tam senin istediğin gibi olup olmadıklarını anlayamadım. Bu şekilde aradınmı sende ? Birde şuraya bir göz atsana belki fikir verir. http://www.codeproject.com/KB/ajax/m...ndragdrop.aspx

Seçenekler
Yazdırmaya Uygun Sayfa Sayfayı E-posta İle Gönder