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