0

私は HTML の使用に非常に慣れていません。プロジェクトで使用する必要があり、まったく教育を受けていません。これが私がする必要があることの内訳です。テキスト ボックスのグラフが必要で (webix が提供するいくつかの機能を追加しました)、行を追加または削除できるボタンが必要です。私もwebixデータテーブルを使用しています。ボタンのコードは次のとおりです。現時点では、チャートの上部に行を追加したいだけです。現在、行の追加ボタンしかありません。これがわかったら、簡単に削除できます。

    input type='button' class="sample_button" value='add row' onclick= grida.addRowCss(1, getElementById('grida').style.color = "black");

これが私のデータテーブルコードです。

    webix.ready(関数(){
                    グリダ = webix.ui({
                        コンテナ:"testA",
                        ビュー:"データテーブル",
                        列:[
                        { id:"stage",editor:"text", header:"stage", width:150},
                        { id:"コンポーネント",editor:"テキスト", header:"コンポーネント",width:200},
                        { id:"epic",editor:"text", header:"epic" , width:200},
                        { id:"エンジニアリング", エディター:"テキスト", ヘッダー:"エンジニアリング", 幅:200, 提案:numSuggest},
                        { id:"デザイン", エディター:"テキスト", ヘッダー:"デザイン", 幅:200, 提案:numSuggest},
                        { id:"research",editor:"text", header:"research", width:200,Suggest:numSuggest},
                        { id:"メモ", エディタ:"ポップアップ", ヘッダー:"メモ", 幅:200}
                        ]、

                        編集可能:真、
                        自動高さ:真、
                        自動幅:真、

                        データ: [
                        {id: 1, stage:"Test 1", component:"Strategy", epic:"Design", engineering:2, design:0, research:0, notes: "これはテストです"},
                        ]


                    });
                });

表示されるが何もしないボタンを除いて、すべてが機能します。これは addRow webix 関数へのリンクです。 http://docs.webix.com/api__ui.datatable_addrowcss.html

特に私はこれに完全に慣れていないため、あらゆる助けをいただければ幸いです。ありがとう

編集1:

答えてくれてありがとう。現時点では、このようにボタンを作成します(スクリプトの前)

input type="button" value="行を追加" onclick= 'add_row()'

テーブルは以前と同じままですが、テーブルの結論の後に add_row 関数を含めました。コンテキストのために表の最後のビットを含めます

データ: [
                    {id: 1, stage:"Test 1", component:"Strategy", epic:"Design", engineering:2, design:0, research:0, notes: "これはテストです"}
                    ]
                });

                関数 add_row(){
                    grida.add({
                        ステージ:"テスト 2",
                        コンポーネント:"戦略",
                        epic:"デザイン",
                        エンジニアリング:2,
                        デザイン:0,
                        研究:0,
                        注:「これはテストです」
                    },2)
                }

私も試してみました

 

    $$("グリダ").add(...)

無駄に。ボタンは画面上にありますが、機能しません。私は何か間違ったことをしていると思いますが、それが何であるかはわかりません。

4

1 に答える 1

0

コードスニペットのよう に使用する必要はありaddませんhttp://docs.webix.com/api__link__ui.datatable_add.htmladdRowCss

  • add新しい行を追加します
  • addRowCsscss クラスを行に追加します

    grida.add({ stage:"テスト 2", component:"2 番目のコンポーネント"})

于 2015-03-19T05:39:18.643 に答える