সেরা গতিশীল জাভাস্ক্রিপ্ট / জ্যাকুয়েরি গ্রিড [বন্ধ]


87

আমি জাভাস্ক্রিপ্ট, JQuery এবং এইচটিএমএল সঙ্গে কাজ করছি। আমার প্রকল্পের ইউআই সম্পূর্ণ গতিশীল। আমি একটি গতিশীল জাভাস্ক্রিপ্ট / জিকুয়েরি গ্রিড খুঁজছি যা নিম্নলিখিত বৈশিষ্ট্যগুলিকে সমর্থন করে।

নীচের বৈশিষ্ট্যগুলি সমর্থন করে এমন কোনও ভাল ওপেন সোর্স গ্রিড আছে এমন কেউ আমাকে বলতে পারেন?

  1. আমার রান-টাইমে গ্রিডের একটি উদাহরণ তৈরি করতে এবং ডিওমে যুক্ত করতে সক্ষম হওয়া উচিত।
  2. কলামের টেম্পলেটগুলি সমর্থন করে (পাঠ্যবক্স, নির্বাচন করুন, চেকবক্স বা কোনও ইনপুট বা সাধারণ পাঠ্য)
  3. রিয়েল-টাইমে নতুন কলাম টেম্পলেট সেট বা বিদ্যমান কলামের টেম্পলেট প্রতিস্থাপন সমর্থন করে।
  4. কলামের নীচে উপস্থিত কয়েকটি ইনপুট নিয়ন্ত্রণ (যেমন টেক্সটবক্স, চেকবক্স ..) সক্ষম হতে পারে এবং কয়েকটি অক্ষম হতে পারে ।
  5. রিয়েল-টাইমে সেটডেটা () সমর্থন করে।
  6. ব্যবহারকারী দ্বারা কোনও ইনপুট ডেটা পরিবর্তন করা হলে ইভেন্টটিকে সমর্থন করে।
  7. এটি একটি সারি নির্বাচন সমর্থন করা উচিত
  8. পুরো গ্রিডটি রেন্ডারিং ছাড়াই সারি যুক্ত করুন বা রিয়েল-টাইমে সারি সমর্থন মুছুন।
  9. পেজিং সমর্থন করে।
  10. রিয়েল-টাইমে যে কোনও কলাম অনুসারে বাছাই সমর্থন করে।
  11. ডেটা রিয়েল-টাইমে ব্যবহারকারীর দ্বারা সাজানো থাকলে কোনও ইভেন্টে গুলি চালায়।
  12. গ্রিড ইউআই অবশ্যই উপলব্ধিযোগ্য কলামগুলিকে সমর্থন করবে
  13. অটো রি-সাইজেবল (গ্রিডটি প্যারেন্টের উপাদানগুলির আকার অনুসারে স্বয়ংক্রিয়ভাবে পুনরায় আকারযুক্ত হলে এটি দুর্দান্ত হবে)
  14. অবশ্যই ভাল ডকুমেন্টেশন আছে।

7
নিজে লিখুন। আপনি যদি এই সমস্ত বৈশিষ্ট্য চান তবে আপনার নিজের এটি করা দরকার। কাস্টম সমাধান সর্বদা সেরা সমাধান।
রায়নস

28
আমি নিশ্চিত নই যে এটি সর্বদা সেরা সমাধান। মানে - আমি ইনোডিবি ব্যবহার করার চেয়ে নিজের ডাটাবেস ইঞ্জিন তৈরি করতে যাচ্ছি না ...
গ্রিম ...

4
@ রোয়ানোস, আমি নিজে কয়েকটি জিনিস লিখেছি কিন্তু বাছাই, পুনরায় আকার দেওয়ার মতো ... ইত্যাদি বৈশিষ্ট্যগুলি বাস্তবায়নের জন্য আমার প্রচুর সময় ব্যয় করা দরকার so সুতরাং আমি একটি গ্রিড নিয়ন্ত্রণ খুঁজছি। আমি এখনও একে একে সব গ্রিড মূল্যায়ন করছি।
সোমনাথ

22
@ রায়নোস এটি হাস্যকর। সবচেয়ে ভাল সমাধান হ'ল সমাধান যা সর্বনিম্ন ব্যয়ে কাজ করে। যদি এটি ইতিমধ্যে সম্পন্ন হয়ে থাকে তবে এটি কেন তৈরি করবেন?
রিচার্ড

পছন্দ করেছেন আমার বিকল্পটি হ'ল বিদ্যমান সেরা সমাধানটি নির্বাচন করা এবং এটি আপনার প্রয়োজনীয়তা অনুসারে প্রসারিত করা।
সোমনাথ

উত্তর:


42

কিছু দরকারী:

বিনামূল্যে:

প্রদত্ত:

আমার মতে সেরা এন্ট্রিগুলি হ'ল ফ্লেক্সিগ্রিড এবং জিকুয়েরি গ্রিড।


এখনও অবধি আমি jQuery গ্রিড পছন্দ করা শুরু। trirand.com/blog/jqgrid/jqgrid.html তবে এখনও আমি নিশ্চিত নই। আপনাকে আপডেট রাখুন ...
সোমনাথ

@ সোমনাথ - jQuery গ্রিডটি কি আপনি সবচেয়ে বেশি খুশি ছিলেন? আমার অনুরূপ চাহিদা রয়েছে এবং ডেটা টেবিলগুলি মূল্যায়ন করেছি, তবে সারি যুক্ত করা (এবং সেগুলি সাজানোর ক্রমের অংশ হওয়া) ভাল কাজ করছে না।
ম্যাটডাব্লু

@ ম্যাটডাব্লু হ্যাঁ আমি jQuery গ্রিড পছন্দ করি, ডেটা যুক্ত করা সত্যিই সহজ। এছাড়াও আপনি কেবল একটি পতাকা সেট করে প্রতিটি কলামকে বাছাই করতে পারেন। আমার প্রয়োজনীয়তা তালিকা সত্যিই বড় ছিল। তবে কয়েকটি জিনিস আমি নিজেকে তৈরি করি এবং কয়েকটি ক্ষেত্রে আমি jQuery গ্রিড ব্যবহার করছি। এটি দুর্দান্ত এবং সহজ এপিআইও পেয়েছে। এই মুহুর্তে আমি jQuery গ্রিডে খুশি। এটা ভালো.
সোমনাথ

@ সোমনাথ তাই, অবশেষে আপনি কোনটি বেছে নিয়েছেন? আই শিরোনাম ডেটা টেবিলও একটি ভাল বিকল্প। কোনটি দ্রুততম? এবং কোনটি গ্রুপিং সমর্থন করে?
বিবেক বর্ধন

@ বিবেক ওয়ারধান আইএম ব্যবহার করছেন ট্রায়ানড.com
সোমনাথ

38

আপনি http://datatables.net/ চেষ্টা করতে পারেন

ডেটা টেবিলগুলি jQuery জাভাস্ক্রিপ্ট লাইব্রেরির জন্য একটি প্লাগ-ইন। এটি একটি অত্যন্ত নমনীয় সরঞ্জাম, প্রগতিশীল বর্ধনের ভিত্তিগুলির ভিত্তিতে, যা কোনও HTML টেবিলের সাথে উন্নত ইন্টারঅ্যাকশন নিয়ন্ত্রণ যুক্ত করবে। মূল বৈশিষ্ট্য:

  • পরিবর্তনশীল দৈর্ঘ্যের পৃষ্ঠাবদ্ধতা
  • অন ​​ফ্লাইট ফিল্টারিং
  • ডেটা ধরণের সনাক্তকরণের সাথে একাধিক-কলামের বাছাই
  • কলাম প্রস্থের স্মার্ট হ্যান্ডলিং
  • প্রায় কোনও ডেটা উত্স থেকে ডেটা প্রদর্শন করুন
  • ডোম, জাভাস্ক্রিপ্ট অ্যারে, অ্যাজাক্স ফাইল এবং সার্ভার-সাইড প্রসেসিং (পিএইচপি, সি #, পার্ল, রুবি, এআইআর, গিয়ার্স ইত্যাদি)
  • টেবিল ভিউপোর্টের জন্য স্ক্রোলিং বিকল্পগুলি
  • পুরোপুরি আন্তর্জাতিকীকরণযোগ্য
  • jQuery UI থিমরোলার সমর্থন
  • রক সলিড - 2600+ ইউনিট পরীক্ষার স্যুট দ্বারা সমর্থিত
  • বিভিন্ন ধরণের প্লাগ-ইনগুলি। টেবিলটুলস, ফিক্সড কলামগুলি, কী টেবিল এবং আরও অনেক কিছু
  • এটা বিনামূল্যে!
  • রাষ্ট্রীয় সাশ্রয়
  • লুকানো কলাম
  • টেবিলগুলির গতিশীল সৃষ্টি
  • ডেটা আজাক্স অটো লোড হচ্ছে
  • কাস্টম ডিওএম পজিশনিং
  • একক কলাম ফিল্টারিং
  • বিকল্প পৃষ্ঠাগুলি ধরণের
  • অ-ধ্বংসাত্মক DOM মিথস্ক্রিয়া
  • বাছাই করা কলাম (গুলি) হাইলাইট করা
  • উন্নত ডেটা উত্স বিকল্পসমূহ
  • বিস্তৃত প্লাগ-ইন সমর্থন
  • বাছাই, প্রকার সনাক্তকরণ, এপিআই ফাংশন, পৃষ্ঠাগুলি এবং ফিল্টারিং
  • সিএসএস দ্বারা সম্পূর্ণ থিমযোগ্য
  • সলিড ডকুমেন্টেশন
  • 110+ প্রাক-নির্মিত উদাহরণ
  • অ্যাডোব আকাশের জন্য সম্পূর্ণ সমর্থন

4
মূল বৈশিষ্ট্যগুলির জন্য দয়া করে যথাযথ বিন্যাস করুন। শুধু কপি / পেস্ট ব্যবহার করবেন না। কপি / পেস্ট করার পরে এটি একবার পড়তে হবে?

"অ-ধ্বংসাত্মক DOM মিথস্ক্রিয়া" এর অর্থ কী? কেন এটি উপন্যাস বা কোনও বৈশিষ্ট্য এবং এটি কী / কীভাবে গ্যারান্টি সরবরাহ করে তা বোঝার জন্য কঠিন সময় কাটাচ্ছেন।
জন জাব্রোস্কি

4
@ জন এটি লিঙ্কযুক্ত পৃষ্ঠায় আর উল্লেখ করা হয়নি, তবে আপনি যদি সেই বাক্যটির জন্য ওয়েবটি অনুসন্ধান করেন তবে আপনি দেখতে পাবেন "
কোডকাস্টার

4
এটি আমার মনে হয় নিখরচায় সফ্টওয়্যার নয়, মিমি, এটির সাথে একটি সমস্যা।
ডেভিড

4
দেখে মনে হচ্ছে এই শীতল ডেটা
টেবিল

8

ডায়নামিক জিকুয়েরি গ্রিডের জন্য আমার পরামর্শ নীচে।

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

সেরাটি হ'ল:

ডেটা টেবিলগুলি jQuery জাভাস্ক্রিপ্ট লাইব্রেরির জন্য একটি প্লাগ-ইন। এটি প্রগতিশীল বর্ধনের ভিত্তির উপর ভিত্তি করে একটি অত্যন্ত নমনীয় সরঞ্জাম, যা কোনও HTML টেবিলের সাথে উন্নত ইন্টারঅ্যাকশন নিয়ন্ত্রণ যুক্ত করবে।

পরিবর্তনশীল দৈর্ঘ্যের পৃষ্ঠাবদ্ধতা

অন ​​ফ্লাইট ফিল্টারিং

ডেটা ধরণের সনাক্তকরণের সাথে একাধিক-কলামের বাছাই

কলাম প্রস্থের স্মার্ট হ্যান্ডলিং

প্রায় কোনও ডেটা উত্স থেকে ডেটা প্রদর্শন করুন

ডোম, জাভাস্ক্রিপ্ট অ্যারে, অ্যাজাক্স ফাইল এবং সার্ভার-সাইড প্রসেসিং (পিএইচপি, সি #, পার্ল, রুবি, এআইআর, গিয়ার্স ইত্যাদি)

টেবিল ভিউপোর্টের জন্য স্ক্রোলিং বিকল্পগুলি

পুরোপুরি আন্তর্জাতিকীকরণযোগ্য

jQuery UI থিমরোলার সমর্থন

রক সলিড - 2600+ ইউনিট পরীক্ষার স্যুট দ্বারা সমর্থিত

বিভিন্ন ধরণের প্লাগ-ইনগুলি। টেবিলটুলস, ফিক্সড কলামগুলি, কী টেবিল এবং আরও অনেক কিছু

টেবিলগুলির গতিশীল সৃষ্টি

ডেটা আজাক্স অটো লোড হচ্ছে

কাস্টম ডিওএম পজিশনিং

একক কলাম ফিল্টারিং

বিকল্প পৃষ্ঠাগুলি ধরণের

অ-ধ্বংসাত্মক DOM মিথস্ক্রিয়া

বাছাই করা কলাম (গুলি) হাইলাইট করা

উন্নত ডেটা উত্স বিকল্পসমূহ

বিস্তৃত প্লাগ-ইন সমর্থন

বাছাই, প্রকার সনাক্তকরণ, এপিআই ফাংশন, পৃষ্ঠাগুলি এবং ফিল্টারিং

সিএসএস দ্বারা সম্পূর্ণ থিমযোগ্য

সলিড ডকুমেন্টেশন

110+ প্রাক-নির্মিত উদাহরণ

অ্যাডোব আকাশের জন্য সম্পূর্ণ সমর্থন


5

এগ্রিলিটোকলিট.আর.এক্সটি দেখুন কারণ এটিতে সিআরইউডি ব্যবহারের সহজ উপায় রয়েছে যা বাক্সের বাইরে 2,4,6,7,9,10 এবং 12 সমর্থন করে (ডেটা যুক্ত করার সাথে সাথে গ্রিডের ডিফেন্ডার করতে অ্যাজাক্স ব্যবহার করে এবং ডেটা মুছে ফেলার সাথে এটি সংহত হয়) jquery।

আমি এই মুহুর্তে কয়েকটি আইপ্যাডে পোস্ট করব।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.