Layuiの基本サンプル使用

8164 ワード


//  script id   laiyui      id  
    <a href="javascript:;"    data-iframe-tab="modifySchool0?dep_name={{d.dep_name}}&pro_name={{d.pro_name}}&class_name={{d.class_name}}&id={{d.id}}" data-title="  {{d.school_name}}      " data-icon="fa fa-gears">  </a>


    var dep_name = $("#dep_name").val();//    
    var pro_name = $("#pro_name").val();//    
    var class_name = $("#class_name").val();//    
/**
*        laiyui  
*/
    layui.use(['form', 'table','element', 'layer', 'layuimini','upload'], function () {
        var $ = layui.jquery,
            form = layui.form,
            element = layui.element,
            layer = layui.layer,
            table = layui.table;
        var util = layui.util;
        var upload = layui.upload; //   upload   

        var ttb = table.render({
            elem: '#currentTableId1',
            url: 'schoolList0',
            method: 'post',
            contentType: 'application/json;charset=UTF-8',
            whereType:'json',
            where:{"dep_name":dep_name,"pro_name":pro_name,"class_name":class_name},
            height: 'full-200',
            cols: [
                [
                    {field: 'school_sn',sort: true,  width:'16.666%',title: '    ',  fixed: 'left'},
                    {field: 'school_name',   width:'16.666%',  title: '    ', fixed: 'left'},
                    {field: 'dep_name', width:'16.666%',  title:'    ',fixed:'left'},
                    {field: 'pro_name', width:'16.666%', title:'    ',fixed:'left'},
                    {field: 'class_name', width:'16.666%', title:'    ',fixed:'left'},
                    {field: '', title: '  ',  width:'16.666%',  toolbar: '#barDemo'}
                ]
            ],
            id: 'currentTableId1',
            done: function (res, curr, count) {
            },
            limits: [10, 15, 20, 25, 50, 100],//      
            limit: 10,//       
            page: true//        
        });</code></pre> 
  <p> </p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1304010056563462144"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">
                    
                     
                
興味があるかもしれません
  • 強力な販売チームの背後には、ビッグデータ分析の姿がある。
    藍児唯美
    データ解析
  • Haproxy+Keepalived高可用性デュアルマシンシングルライブ
    bylijinnan
    ふかへいこう keepalived haproxy 高可用性
  • eclipseエディタの中国語の文字化けし問題の解決
    0624chenhong
    eclipse文字化けし
  • 基礎編--resourcesリソース
    物心の知れないおなら
    android
  • 前回windowプラットフォームの自動アップロード証明書ファイルのバッチアンケートに続きます
    クールに空を飛ぶ
    window
  • 企業のモノのインターネットブーム:どのように準備をしますか?
    藍児唯美
    企業
  • Springラーニング-データベース(mybatis永続化フレームワーク構成)
    a-john
    mybatis
  • Javaスタティックエージェント、動的エージェントインスタンス
    aijuans
    Javaスタティックエージェント
  • アルファベットで分類:
    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z その他
    トップページ -
    私たちについて -
    構内検索 -
    Sitemap -
    権利侵害苦情
    著作権すべてのIT知識ベースCopyRight© 2000-2050 IT知識ベースIT 610.com , All Rights Reserved.
    京ICP備09083238号