ブートストラップ・スイッチ:それは(初期化されていない他の行を切り替え、同じ連続的なマルチラインのデータ状態、最初の表示ボタン)ピット問題と呼ばれ

まずスクリーンショットは、ライン234が無効になっていますが、2行目のみが無効スイッチを示し、スイッチのバックが初期化されません

下のコードをチェックしてください:

onLoadSuccess:機能(データ){ 
    状態}#取得{#ラインデータ
   はconsole.log( 'すべてのデータの印刷が完了した後にデータをレンダリング' 
   ;はconsole.log(データ)

   VARデータ= $( "#Myタブ")bootstrapTableを。 ( "のgetData" ); 
   はconsole.logは( '全データS%取得した' ;、データ)

   のためにVAR ; Iはdata.lengthを<I ++はI = 0 {)
       はconsole.log(データ[I] .project_code、データ[I] .status)
       IF(データ[I] .status == 1 ){ 
           にconsole.log( 'これが有効になっている' 
           $( '#project_status_switch_on' ).bootstrapSwitch({ 
               ontext: "有効"、      //テキストを設定する   
               "無効"、:offText     // OFF設定テキスト   
               OnColor: "成功"、// (情報/成功/警告/危険/プライマリ)ONテキストの色を設定し   
               offColor: "危険"、   // OFF設定テキストの色を(情報/成功/警告/危険/プライマリ)   
               サイズ: "小"、     // 設定コントロールのサイズ、小規模から大規模まで(ミニ/小型/ノーマル/大) 
           })bootstrapSwitch( '状態' ,. trueに
       } { 
           コンソール。 (ログ 'これが無効になっている' 
           $( '#project_status_switch_off' ).bootstrapSwitch({ 
               ontext: "      有効" //テキストを設定する   
               "無効"、:offText     // OFF設定テキスト   
               OnColor: "成功"、// (情報/成功/警告/危険/プライマリ)ONテキストの色を設定し   
               offColor: "危険"、   // OFF設定テキストの色を(情報/成功/警告/危険/プライマリ)   
               サイズ: "小"、     // 小規模から大規模まで設定された制御サイズ、(ミニ/小型/ノーマル/大) 
           })bootstrapSwitch( '状態' ,. falseに
       } 
   } 
}

コードを探す:$(「#のproject_status_switch_off」)bootstrapSwitchを()、に従って番号= project_status_switch_offに限り、ああだけレンダリングすることができるはず入力ボックスのこの特性があるので、レンダリングします。検査中のF12問題ありませんが、なぜそれをレンダリングしていない、実際にプロパティ値はありますか?

位置決め要素を変更するようにスイッチをレンダリング:. $( "[ID = 'project_status_switch_off']")bootstrapSwitch()

 

 完璧なソリューション。

その後の分析:これは、$(「#1 project_status_switch_off」)モードのみ最初に一致する要素を見つけることができること、および$(「[ID = 『project_status_switch_off』]」)のすべての要素のすべての方法の予選試合であろうことができます。

 

おすすめ

転載: www.cnblogs.com/gcgc/p/11202552.html