ホームページ > ウェブフロントエンド > jsチュートリアル > Auntion-TableSort は、 Chinese_javascript スキルによって書かれた JavaScript テーブルソートです。

Auntion-TableSort は、 Chinese_javascript スキルによって書かれた JavaScript テーブルソートです。

WBOY
リリース: 2016-05-16 19:08:00
オリジナル
1713 人が閲覧しました

Auntion-TableSort の最新バージョンは、数値ソートの問題を修正しました。2007 年 5 月 5 日にダウンロード用にリリースされました。

Auntion TableSort テスト交換の最初のバージョン
(次のバージョンにはテーブル関連の特別な機能が追加されます)。効果)
------------------------------------------ --- -----------------------------

著者:Auntion
ブログ:Auntion.blogbus. com
e-mail:Auntion@Gmail.com
QQ:82874972

---------------------- -------------------------------------------------- -

注:
使用できない初心者もいる可能性があるため、この説明をすべて送信してください。
共通の進行のために、この説明にはより詳細な拡張手順が含まれます。国内JavaScriptレベル、一緒に頑張りましょう!
このバージョンは 3 日で完了します。将来アップグレードされる可能性があります。私のブログに注目してください。

------------------ --- --------------------------------------------------- --- -----

主な機能は次のとおりです:

IE および Firefox コアと互換性があります。その他はテストしていません。これら 2 つのブラウザーのみをインストールしました。
サポートが利用可能です 視覚的に編集し、以前と同様にテーブルを作成し、使用する ID を設定するだけです。

並べ替え:
数値: サイズに応じて降順および昇順で並べ替えます。
文字: 同じです。数字として
日付: 同じ数字。形式に中国語は含めないでください。
ラジオ選択、チェック ボックス: true または false に従って配置
中国語: 同じ最初の文字に従って配置
ユーザー インターフェイス定義を提供します。自分で行うことができます。さまざまなトリガー ソート メソッドを実装します。

カプセル化、継承、ポリモーフィズム。
継承にはプロトタイプを使用してください。

------ ---------------------------------------------------- --------- ----------

> 初心者向け:

使い方は?

使用例_1をご覧ください。 htm:

■ テーブルを作成します

■ 美しくする必要がある場合は、CSS スタイルを設定してください

■ テーブルのヘッダーを設定します。つまり、td に次の内容を与えます。クラス名をソートする列をトリガーします

■ オブジェクトを作成します。つまり、tableSort クラスを初期化します。

■ デフォルトのソート トリガー メソッドを使用します。

初期化されている場合は?
var apply = new tableSort("bodys","tag" );
apply.toTagStart(); // ここでは、定義されているデフォルトのトリガー メソッドが使用されます。 "bodys" はテーブルの ID (オブジェクトまたは文字列にすることができます) -- に従って、テーブル ID を変更します

■ ここで、"tag" は各列ヘッダーのクラス名です td


> 拡張に興味のある友人向け:

このクラスは拡張可能なモードが提供されますが、現在はトリガー メソッド、つまりユーザー インターフェイスに限定されています。

を参照してください。詳細については、tableSort.class.js を参照してください

注:
はさまざまな方法でトリガーできます。 並べ替えステップ:
1. オブジェクトを作成します
2. (このステップは、次に従って選択できます) tempCellIndex 属性をソート対象の列の添字にポリモーフィカルに設定します
たとえば、3 行目を指定したい場合 ソートの場合、tempCellIndex 属性は 3

3. 取得と設定ステータス (tableSort.class.js のコメントを参照)
4. 列ヘッダーの CSS スタイルを変更します
5. 初期化して並べ替えを開始します

(最初の部分と 2 番目の部分は含まれません)ユーザーインターフェースではオブジェクト作成時の操作です)
(後半はオブジェクト作成後の設定です)

I 私の表現力があまり良くないので、ご理解頂けない方は、 tableSort.class.js

パッケージ化してダウンロード

/**ラベルをクリックして並べ替えイベントをトリガー**/ 部分を読んでください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート