💩 🎅 🧙 ExtJs：書式なしHTMLテーブルのExt.Grid 💙 📻 👨🏽‍🎤

最近、フォーマットされていないプレートからExt.Gridを作成する方法の興味深い例に出会いました。すべてが文字通り1行で行われます。最初に、HTMLテーブルを作成します。

バーニー瓦rub	32	男性
フレッド・フリントストーン	33	男性
ベティ瓦rub	32	雌
小石	1	雌
バムバム	2	男性

次に、ボタンを作成します。

  <button id = "create-grid" type = "button">グリッドを作成</ button> 

やった

ボタンコード自体：

  / *！
  * Ext JS Library 3.0+
  *著作権（c）2006-2009 Ext JS、LLC
  *licensing@extjs.com
  * http://www.extjs.com/license
  * /
 Ext.onReady（関数（）{
     //ボタンを見つけます
     var btn = Ext.get（ "create-grid"）;

     //ボタンクリックハンドラー
     btn.on（ "click"、function（）{
         btn.dom.disabled = true;

         //テーブルを作成します
         var grid = new Ext.ux.grid.TableGrid（ "the-table"、{stripeRows：true}）;
         grid.render（）;  //テーブルを表示します
     }、false、{
        シングル：true
     }）;  //一度だけ実行する
 }）;

ボタンを押した後の結果：

デモ「HTML 2 Ext.Grid」をここからダウンロードしてください

ExtJs：書式なしHTMLテーブルのExt.Grid

More articles: