WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

ezEditTable - Enhance Html Tables

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


ezEditTable - Enhance HTML Tables - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ezEditTable 2.3は、インライン編集コンポーネント、高度な選択とキーボードナビゲーションなどの機能を追加することで、通常のHTMLのテーブルを高めることを目的としたJavaScriptのコードです。 コー​​ドだけの行を使用すると、簡単に高度な編集可能および選択グリッドコントロールで通常のHTMLテーブルに変換することができます。

主な特長

  • 既存のHTMLテーブルにアタッチ
  • 高度な選択モデル
  • 拡張キーボードナビゲーション
  • インラインセルまたは行の編集
  • 挿入した行を削除します
  • GETやPOSTフォーム送信、AJAXリクエストを介して、またはスクリプトインジェクション(のみ取得)することで、サーバーへの変更を送信
  • このような任意のサーバー側の技術との統合により、純粋なクライアント·サイドのソリューションです
  • 新しいの延長として使用することができるTABLEFILTER以前にHTMLテーブルフィルタジェネレータ通常のHTMLのテーブルにあっても、より高度な機能を提供するためのスクリプト
  • ほとんどの操作のためのすべてのイベントのコールバックし、参加者
  • 平野はJavaScriptに基づいて、それは、任意のJavaScriptのフレームワークから独立しているが、それらのいずれか(なしFOR..INなど)と互換性があります
  • 徹底的なドキュメントとAPI

What’sの新しいですか?

このバージョンでは、次の機能が付属しています:

  • データ提出のためのAJAXサポート 。 データの変更は、現在フォームの送信、AJAXリクエストやスクリプトインジェクションを介して送信することができます
  • のサポートinsertdelete編集モードのキー
  • キーストロークのセルエディタを起動するためのオプション( editable_on_keystroke
  • テーブル内の目的の行インデックスに新しい行を配置するためのオプション( new_row_pos

とAJAXサポート(jQueryの)を特色デモ:

デモ

サンプルのこのコレクションは、このスクリプトを構成することがいかに簡単であるかを示しています。

スタイリング

スクリプトは、3テーマとCSS定義のための広範なAPIが付属しています:

サーバー側との統合

のScripta€™sで、サーバー側(PHP / MySQLの)利用可能な統合を示す例のデモページ

高度なグリッド·コンポーネント

新しいと組み合わせTABLEFILTER以前にHTMLテーブルフィルタジェネレータこのスクリプトは、高度なグリッド·コンポーネント·ソリューションを提供しています。


重要な注意

このコードの目的は、HTMLテーブルの機能を強化し、関係なく、あなたが使用するもの、サーバ技術DB操作のためにサーバーにデータを送信しないために、一般的な、またはカスタム方法を提供することです。 例はのScriptaの€の™sのウェブサイトの使用のPHPとMySQLで紹介され、サーバーにデータを送信するために、スクリプトを構成する方法を示すために意図されています。 これは、PHP / MySQLをベースのソリューションではありません、あなたが他のサーバサイド技術を使用してこのスクリプトを使用することができます。

なぜ、このスクリプトを使うのか?

あなたがusersâの€™の体験を改善する必要がある場合は、あなたのウェブサイトにデータテーブルを扱う場合、このコードは、高速かつ効率的なソリューションである可能性があります。 このスクリプトは、3つの主要分野に焦点を当てて:

  • キーボード操作
    あなたは、非Webベースのアプリケーションに期待するものと同様の高度なキーボードナビゲーション
  • 選択モデル (行および/ ​​または細胞)
    拡張選択モデル、必要に応じて行とセルを組み合わせて、CtrlキーまたはShiftキーのキーを保持することにより、複数行の選択を可能にします
  • Editionコンポーネント (セルまたは行エディタ):
    完全にサーバ側のロジックから分離された編集可能なグリッドコントロールと維持クライアント側のロジックでプレーンHTMLデータテーブルを変換する簡単な方法

また、徹底的なのScriptaの€の™sのAPIは、あなたが簡単にこのグリッドに基づいて、高度なコンポーネントを作成できます。 すべてのアクションのためのすべてのイベントとデリゲートのためのコールバックの完全なセットは、プロジェクトの要件については、このグリッドは、完全にカスタマイズ可能で拡張可能になります。

変更履歴

2015年3月15日

V2.3は、バグ修正リリースです。

  • バルク行は削除した後に起こった固定選択のバグ
  • マニュアルをスターターページを追加しました

2014年5月25日

v2.2では、これらの機能や改良点が付属しています:

  • データ提出のためのAJAXサポート 。 データの変更は、現在フォームの送信、AJAXリクエストやスクリプトインジェクションを介して送信することができます
  • のサポートinsertdelete編集モードのキー
  • キーストロークのセルエディタを起動するためのオプション( editable_on_keystroke
  • テーブル内の目的の行インデックスに新しい行を配置するためのオプション( new_row_pos

2012年10月28日

V2.1は、2つの追加機能が搭載されています:

  • アップローダセルエディタ
  • オートセーブは :行/セルの変更は、行/セルの選択変更時に保存されます

2012-06-04

V2.0の打ち上げ


ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成:
4 6月12日

最終更新日:
16 3月15日

互換性のあるブラウザ:
IE6、IE7、IE8、IE9、Firefoxの、サファリ、オペラ、クローム

含まれるファイル:
JavaScriptのJS、HTML、CSS

キーワード

eコマース, eコマース, 全商品, API, ダイナミック, 編集テーブル, 編集可能な, グリッド, インラインセルエディタ, キーボードナビゲーション, 複数行選択, 行エディタ, 行選択, 選択可能な, テーマ, アップロード