Easyui がコントロールのサンプルチュートリアルをツリーグリッドに追加します-jsチュートリアル-php.cn

Easyui がコントロールのサンプルチュートリアルをツリーグリッドに追加します

小云云

リリース： 2018-01-06 10:45:48

オリジナル

1826 人が閲覧しました

最近Easyを観たんですが、中の木がなかなかいい感じなんですが、ちょっと融通が利かない感じがしますが、この記事では樹種にコントロール効果を追加する実装方法を中心に紹介します。 Easyui のtreegrid 必要なもの友人がそれを参照できるようにすることで、皆さんのお役に立てれば幸いです。

easyui ツリープラスコントロール

效果是这样

この本では、ロード時に表示できるフォーマッタ属性を使用する必要があります

function formatProgress(value){
 //console.log(value);
 if (value){
  var box = value.split(",");
  //console.log(box);
  var boxid = box[1];
  var s;
  //alert(value);
  if(box[0]=="显示"){
   s = '<input id=&#39;+boxid+&#39; type="checkbox" onclick="isShow()" checked="checked">';
  }else{
   s = '<input id=&#39;+boxid+&#39; type="checkbox" onclick="isShow()" >';
  }
  return s;
 } else {
  return '';
 }
}

ログイン後にコピー

このように、コントロールのタイプが OK であれば、ロード時にコントロールが表示されます。ロード時にvalueの値で選択を判断するのは少し面倒ですが、それでも使えます。

function formatProgress1(value){
 console.log("formatProgress1 执行了");
 console.log(value);
 if (value){
  var box = value.split(",");
  console.log(box);
  var boxid = box[1];
  var s;
  if(box[0]=='缺省'){
   s= '<select class=&#39;+boxid+&#39; onchange="isType()"><option selected="selected" value="0">缺省</option><option value="1">直接链接</option><option value="2">内容列表</option><option value="3">教学资源</option></select>'; 
  }else if(box[0]=='直接链接'){
   s= '<select class=&#39;+boxid+&#39; onchange="isType()"><option value="0" >缺省</option><option value="1" selected="selected">直接链接</option><option value="2">内容列表</option><option value="3">教学资源</option></select>'; 
  }else if(box[0]=='内容列表'){
   s= '<select class=&#39;+boxid+&#39; onchange="isType()"><option value="0" >缺省</option><option value="1">直接链接</option><option selected="selected" value="2">内容列表</option><option value="3">教学资源</option></select>'; 
  }else if(box[0]=='教学资源'){
   s= '<select class=&#39;+boxid+&#39; onchange="isType()"><option value="0" >缺省</option><option value="1">直接链接</option><option value="2">内容列表</option><option selected="selected" value="3">教学资源</option></select>'; 
  }
  return s;
 } else {
  return '';
 }
}

ログイン後にコピー

easyui のいくつかのものは非常に柔軟ですが、スタイルは bootstrap で作られたものほど見栄えは良くありませんが、木は本当に良いと思います。