マスタースレーブテーブル、スレーブテーブルはツリーグリッドです。データを読み込んだ後、ノードをクリックして編集状態を入力します。
コードコピーは次のとおりです。
列：[[{
タイトル：「ID」、
フィールド：「ID」、
隠された：本当
}、{
フィールド：「PID」、
隠された：本当
}、{
タイトル：「AAA」、
フィールド：「AAA」、
幅：70、
アライメント：「センター」、
ハリグニ：「センター」
}、{
タイトル：「BBB」、
フィールド：「BBB」、
幅：70、
アライメント：「センター」、
Halign：「Center」、
編集者：{
タイプ：「コンボボックス」、
オプション：{
データ ： [ {
「id」：0、
「テキスト」：「アップル」
}、{
「id」：1、
「テキスト」：「梨」
}]、
ValueField： 'id'、
テキストフィールド：「テキスト」、
編集可能：FALSE、
//必須：本当、
パネルハイト：「自動」、
MissingMessage：「フルーツを選択してください」、
onSelect：function（record）{
//編集は編集ステータス行を入力するIDです
var editors = $（ '＃grid'）。datagrid（ 'geteditors'、$（ '＃editingid'）。val（））;
if（record.id == 1）{// pearを選択します
var reditor = editors [1]; // 1行の2番目の編集ボックス
//必要に応じて編集ボックスを設定します
$（reditor.target）.validatebox（{必須：true}）;
//編集ボックスを編集可能に設定します
$（reditor.target）.numberbox（ 'enable'）;
var reditor2 = editors [2]; // 1行の3番目の編集ボックス
$（reditor2.target）.validatebox（{必須：true}）;
} else if（record.id == 0）{// Appleを選択します
var reditor =編集者[1];
$（reditor.target）.validatebox（{required：false}）;
$（reditor.target）.validatebox（ "setValue"、 ""）;
$（reditor.target）.numberbox（ 'disable'）;
var reditor2 =編集者[2];
$（reditor2.target）.validatebox（{必須：false}）;
$（reditor2.target）.validatebox（ "setValue"、 ""）;
}
}、
}
}
}
編集ステータスをオンにします
コードコピーは次のとおりです。
$（ '＃roolgrid'）。treegrid（ 'beginedit'、index）;
上記は、この記事でeasyuiでtreegridを編集する方法です。気に入っていただければ幸いです。