+ Yanıtla
Sayfa Düzeni: 1 / 2
1 2 SonSon
Toplam 14 sonuçtan 1 ile 10 arası olanlar

Konu Başlığı: Esnek AJAX Tablo - DBGrid

  1. #1

    Esnek AJAX Tablo - DBGrid

    Merhaba

    Arkadaşım snlzkn ile birlikte hem kullanması hem sayfaya uyarlanması kolay, veri kaynağı olarak XML kullanan, JavaScript tabanlı bir tablo yaptık.

    Tablonun istemci taraflı sıralama, filtreleme ve gruplama özellikleri var. Verilen parametreleri kaynak adresine POST yöntemiyle gönderip dinamik oluşturulmuş verileri kullanma imkanı var. Yakın zamanda JSON biçimine de uyumlu hale getireceğiz.

    Basit bir demo sayfası: http://amplio-vita.net/JSLib/demos/DBGrid
    Sayfanıza eklenmesini ve işlevleri kısaca anlatan bir wiki için: http://code.google.com/p/av-jslib/wiki/aVDBGrid
    Kod sayfası için: http://code.google.com/p/av-jslib

    Her türlü görüş ve önerinizi bekliyoruz.

    Not: Bilgi mesajları çok kolay bir şekilde tamamen yerelleştirilebiliyor. Kısaca, dil desteğimiz var

  2. #2

    Re: Esnek AJAX Tablo - DBGrid

    öncelikle elinize sağlık, henüz hazırda projem olmadığı için kullanamıcam fakat sitedeki demoda dikkatimi çeken nokta var;
    - kolonların genişliğini ayarlarken alıştığımız şekilde daralma/genişleme yapılmıyor. Mesela District 'in soluna gelip kolonu genişlettiğimde normalde bu alanın sola doğru genişlemesi gerekliyken country code alanı genişliyor

    tekrar eline sağlık.
    your KEY to EUROPE : AEGEE-Eskişehir (v2.0) | REMOTTER! small remote application (beta 1.0) | Microsoft Dynamics CRM Developer

  3. #3

    Re: Esnek AJAX Tablo - DBGrid

    Merhaba
    Bahsettiğin sorunu tam anlayamadım, ben IE6, IE7, Fx2 ve Fx3'te test etmiştim kolon genişletme/daraltma özelliğini ve olması gerektiği gibi çalışıyordu. Hatta şimdi mesajını görünce girdim tekrar denedim yine beklediğim gibi çalıştı, acaba ben mi yanlış bekliyorum?

    Şöyle ki "District" alanının sol tarafından tutup sola doğru çektiğimde bu alanın genişliği artarken Country alanının genişliği azalıyor yani sol tarafa doğru genişletmiş oluyorum?

  4. #4

    Re: Esnek AJAX Tablo - DBGrid

    Alıntı BYK tarafından gönderilen mesaj: Mesajı Göster
    Merhaba
    Bahsettiğin sorunu tam anlayamadım, ben IE6, IE7, Fx2 ve Fx3'te test etmiştim kolon genişletme/daraltma özelliğini ve olması gerektiği gibi çalışıyordu. Hatta şimdi mesajını görünce girdim tekrar denedim yine beklediğim gibi çalıştı, acaba ben mi yanlış bekliyorum?

    Şöyle ki "District" alanının sol tarafından tutup sola doğru çektiğimde bu alanın genişliği artarken Country alanının genişliği azalıyor yani sol tarafa doğru genişletmiş oluyorum?

    Firefox 3 ile kontrol ettim şimdi, normal olarak çalışıyor, fakat IE7 'de hala aynı hata (yada bana öyle geliyor) devam ediyor, resimlerle anlatmaya çalıştım.

    [img=http://img231.imageshack.us/img231/7161/33991547lv9.th.jpg]

    bu görüntü Firefox3 'den, District alanının sol tarafından sürükleyince normal olarak çalışıyor, District genişliyor, Country Code daralıyor.

    fakat IE 7 'de aldığım bu görüntüye bakarsan; http://img231.imageshack.us/img231/3...6440xn7.th.jpg
    aynı işlemi yaptığımda District aynı şekilde kalıyor, Country Code genişliyor ve CityName daralıyor

    sanırım anlatabilmişimdir
    your KEY to EUROPE : AEGEE-Eskişehir (v2.0) | REMOTTER! small remote application (beta 1.0) | Microsoft Dynamics CRM Developer

  5. #5

    Re: Esnek AJAX Tablo - DBGrid

    Ah evet ben de deneyince farkettim şimdi. Daha önce farketmemiş olma sebebimiz gizli kolonlarla denememiş olmamızdı Soldaki kolon yöneticisinden gizli olan ilk kolonu açınca normal davranıyor ama kesinlikle bununla ilgileneceğiz. Çok çok teşekkürler.

    Başka eleştiri ya da önerin varsa bekliyoruz

  6. #6

    Re: Esnek AJAX Tablo - DBGrid

    Gerçekten çok başarılı bir çalışma. Ellerinize sağlık. kendi js kütüphanenizi mi kullandınız?. önerilerim tasarım açısından biraz daha zenginleştirin. row select özelliği ekleyin. sizin bu çalışmanın bir örneğini -tabi sizinki kadar gelişmiş değil- http://www.reconstrukt.com/ingrid/example1.html adresinden inceleyebilirsiniz. CSS yönünden fakir bir çalışma ama hiç yoktan iyidiri. sizlerin hazırladığı uygulamada gözüme çarpan bir özellik var. lehinize mi aleyhinize mi karar veremedim. yaklaşık 130 kb CSS ve js doayalarınız var. bir uygulama için 5-6 tane js dahil edilmiş. bunu tek dosya haline getirmek daha uygun değil mi. sonuç olarak şahane bir çalışma. Tebrikler.

  7. #7

    Re: Esnek AJAX Tablo - DBGrid

    Tekrar merhaba

    Öncelikle sıcak gelişme: IE7'deki sütun genişliği ayarlama sorunu çözüldü. Sebebi IE'nin bir hücrenin "cellIndex" özelliğini otomatik olarak kendisinden önce "display: none" yapılmış hücrelerin sayısı kadar azaltması ancak ait olduğu satırın "cells" özelliğine bu değeri verdiğinizde DOM'daki sıralamaya göre hücreleri gezmenizmiş. Belki birisinin işine yarar, IE beni bir gün öldürecek...

    İkinci olarak önerilerin için çok teşekkürler hasan. Görsel açıdan elimizden geleni yapmaya çalışıyoruz ama renk körü ve tasarım acizi bir insan olarak bu konuda oldukça güçlük çekiyorum Tasarımcı arkadaşımız da biraz yoğun bu aralar ama daha da iyi olması için elimizden geleni yapacağız.

    Devamında, aslında tablonun satır seçme desteği var, satır tıklanma olayı da var ancak nedense bahsetmeyi unutmuşuz(demoya da bunu gösterecek bir özellik eklememişiz), yazdım yapılacak işler listesine

    Son olarak kütüphane konusuna gelirsek, evet dışarıdan aldığımız 1-2 işlev dışında tamamen kendi kütüphanelerimiz kullanıyoruz ve modüler yapıda oldukları için üst üste eklenerek yapılıyorlar. Örneğin DBgrid için temel olay yöneticisi, ajax ve görsel efekt kütüphanelerine ek olarak customHint ve infoBox kütüphanelerini dahil ediyoruz. Son iki kütüphane ek CSS gerektirdiğinden haliyle dosya sayısı ve toplam boyut biraz artıyor. Buna çözüm olarak Dean Edwards'ın "JS Packer" kütüphanesinin PHP sürümü ile modüllerin birbirlerine bağımlılıklarını da dikkate alan bir "hepsi bir arada" js oluşturucu yapmayı yol haritamızda öncelikli bir yere koyduk zaten. Senin de belirttiğin gibi kimse bir tablo için sayfasına 8 tane JS dosyası eklemek istemez ki bunlar sıkışınca sayfanın yüklenme süresi de azalacaktır.

    Güzel sözlerin ve yapıcı eleştirilerin için çok teşekkür ediyorum; bu yorumların son olmamasını da diliyorum ayrıca

    Not: Verdiğin örneği de inceledim ayrıca Bizmkinden daha iyi olan özellikleri de var açıkçası örnek alınması gereken. Özellikle durum hatırlama bizim de yapmak istediğimiz bir şeydi. Yine sayfalara bölme de. Ancak hem sunucu taraflı hem istemci taraflı sayfalamaya destek vermek için iyi bir yöntem bulmaya çalışıyoruz.

    Not2: Sıralama yaparken önce bir kolona sonra bir başka kolona göre sıralarsanız iki kolona göre birden sıralanıyor veriler. Varsayılan ayar olarak bu sayı 4 kolon ancak sayfanıza göre bunu azaltabilir ya da arttırabilirsiniz

  8. #8

    Re: Esnek AJAX Tablo - DBGrid

    Alıntı BYK tarafından gönderilen mesaj: Mesajı Göster
    Tekrar merhaba
    Öncelikle sıcak gelişme: IE7'deki sütun genişliği ayarlama sorunu çözüldü. Sebebi IE'nin bir hücrenin "cellIndex" özelliğini otomatik olarak kendisinden önce "display: none" yapılmış hücrelerin sayısı kadar azaltması ancak ait olduğu satırın "cells" özelliğine bu değeri verdiğinizde DOM'daki sıralamaya göre hücreleri gezmenizmiş. Belki birisinin işine yarar, IE beni bir gün öldürecek...
    .
    .
    .
    .
    .
    bla bla bla
    Üstad güzel, eline sağlık... Şimdi gelelim benim yorumlarıma : )

    Bu mesajın ekine eklediğim iki adet screenshot var, testleri IE7 ve WinXP üzerinde yaptım, safari yada mac durumu yok uyuz olma hemen

    screenshotlardan birincisinde Noord-Holland verisini içeren hücrenin üzerine geldim, görüldüğü gibi hücredeki veri hücre içerisine sığıyor ancak tooltip (?) çıkıyor ve veri tooltip'in içerisine sığmıyor

    Hücrenin içerisindeki verinin sığmama durumu yoksa tooltip hiç çıkmamalı

    ikincisinde ise durumu daha net görebilmen için daha büyük bi alanda screenshot aldım. Bence şu tooltip kütüphanesini bi elden geçir

    Bunun dışında, "genel olarak" görsel efekt kütüphanenizde bir yavaşlık var, programatik değil animatik bir yavaşlık sanırım efektleri çağırırken verdiğin zaman parametresi ile ilgili (incelemedim) bunu arttırıp demo sayfasında daha hızlı efektler görelim, yok bundan değil ise bu bir hata gibi duruyor.

    Bunun dışında, row-select hayati bir özellik, kesinlikle eklenmesi gerekiyor.

    row-select'e ek olarak sütunları resize etmek için sürükleyip bırakmam gerekiyor, klasik gridview ve excel mantığı olan, çift tıklayınca sütun içeriğine göre otomatik boyutlandıran bir yapı üzerinde çalışılabilir.

    İkinizin de ellerine sağlık, bunlar dışında hatalı / can sıkıcı bir şey çarpmadı gözüme.
    Ekli Dosya(lar)

  9. #9

    Re: Esnek AJAX Tablo - DBGrid

    - population kolonunu daralttığımda, bazen ID bazen farklı kolonlar genişliyor - sanırım son düzenlenen kolon olabilir-

    - kolonları oldukça genişlettiğimde column manager'dan kolon gizle göster dediğimde ID kolonu kaybolabiliyor.

    - kolonları daraltarak tabloyu daraltabildim, ama daha sonra denediğimde yapamadım.

    bir de tavsiye; kolon sıraları kolon adını tutup sürükle/bırak ile taşınsa daha güzel olur kansındayım
    "oturduğum mahallenin yolları çamurluydu, boyalı ayakkabı giysem bile, o yollardan geçtikten sonra çamurlanmamaları mümkün değildi. hayatım da böyle." yılmaz güney
    http://www.sipidik.com

  10. #10

    Re: Esnek AJAX Tablo - DBGrid

    ben gruplamayı beceremedim sanırım

+ Yanıtla
Sayfa Düzeni: 1 / 2
1 2 SonSon

Bu konu başlığı için etiketler

Mesaj Seçenekleri

  • Yeni başlık açamazsınız
  • Cevap yazabilirsiniz
  • Dosya ekleyemezsiniz
  • Mesajlarınızı değiştiremezsiniz