私は 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(...)
無駄に。ボタンは画面上にありますが、機能しません。私は何か間違ったことをしていると思いますが、それが何であるかはわかりません。