수필: ajax 전달 배열, layui 부자 페이지 전송 값, 아래 메뉴 할당, 부모 페이지 데이터 획득, 표 데 이 터 를 문자열 로 대체 합 니 다.

1. ajax 가 배경 에 배열 문 제 를 전달 합 니 다.

function batchDel() {
    var datas;
    var ids = new Array();//     
    layui.use('table', function() {
        var table = layui.table;
        var checkStatus = table.checkStatus('encryptionTable');//      
        datas = checkStatus.data;
        for ( var i in datas) {
            ids[i] = datas[i].id;//        
        }
        if (ids.length != 0) {
            $.ajax({
                url : "/admin/encryption/delete.json",
                type : "post",
                traditional : true,//      true,             []，          
                data : {
                    "ids" : ids
                },
                success : function(data) {
                    alert("    ");
                    table.reload("encryptionTable");
                    layer.close(index);
                }
            });
        } else {
            layer.open({
                title : '    ',
                content : '              ..'
            });
        }
    });

}

2. Layui 부모 페이지 는 하위 페이지 에 값 을 전달 합 니 다. 예 를 들 어 우 리 는 부모 페이지 table 의 데이터 id 를 가 져 와 야 합 니 다. 그리고 하위 페이지 는 이 id 에 따라 이 줄 의 데 이 터 를 조회 하 는 상세 한 정 보 를 보 여 주 고 보 는 논 리 를 완성 해 야 합 니 다. 이때 우 리 는 layui 부모 페이지 의 값 으로 하위 페이지, 하위 페이지 에 수신 해 야 합 니 다.하위 페이지 를 팝 업 할 때 url 에서 받 은 id 를 코드 로 전달 해 야 합 니 다: 팝 업 층:

                    var id=data.id;
                    //    HTML   
                    var html = "see.html";
                    var url = "/admin/encryption/seeEncryption/"+html+".do?id="+id;
                    parent.layer.open({
                        title: ['        ', 'font-size:16px;background-color:#5FB878'],
                        type: 2,
                        resize: false, //     
                        move: true,
                        maxmin: false, //           
                        skin: 'layui-layer-rim', //    
                        area: ['740px', '300px'],
                        content:url,
                        btn : [ "  ", "  " ],
                        skin : 'layui-layer-molv',
                        yes : function(index,layero) {

                            parent.layer.close(index)
                        },
                        end : function() { //iframe        

                        }
                    });

하위 페이지 에서 id 를 가 져 옵 니 다. ajax 를 이용 하여 배경 에 전 달 된 데 이 터 를 가 져 온 다음 id 에 따라 input 폼 에 할당 합 니 다.

layui.use('table', function() {
        var id = ${parameter.id}; //          id, ajax        
        $.ajax({
            url : "/admin/encryption/see.json",
            type : "post",
            dataType : "json",
            data : {
                "id" :id 
            },
            success : function(data) {
                if(data!=null){
                    $("#edName").val(data.data.edName);
                    $("#edIdentification").val(data.data.edIdentification);
                    $("#edPlain").val(data.data.edPlain);
                    $("#edAlgorithm").val(data.data.edAlgorithm);
                    $("#edSecretKey").val(data.data.edSecretKey);
                }else{
                    alert("      ...");
                }
            }
        });

    });

3. 부모 페이지 에서 하위 페이지 의 데 이 터 를 가 져 오 는 방법: 예 를 들 어 우리 의 하위 페이지 에서 input 텍스트 상자, select 드 롭 다운 옵션 상자, 그리고 선택 하거나 선택 한 단 추 를 가 져 옵 니 다. 우 리 는 부모 페이지 에서 입력 하거나 선택 한 매개 변수 코드 를 어떻게 가 져 옵 니까?

var edName = parent.layer.getChildFrame('#edName',index).val();
var edPlain = parent.layer.getChildFrame('#edPlain',index).val();
var edAlgorithm = parent.layer.getChildFrame('#edAlgorithm option:selected',index).val();//          
var edSecretKey = parent.layer.getChildFrame('#edSecretKey',index).val();
var encryptionOutput = parent.layer.getChildFrame('#encryptionOutput input:checked',index).val();
var encryptionInput = parent.layer.getChildFrame('#encryptionInput input:checked',index).val();//        

4. Layui 에서 표 데이터 의 교체 예: 우리 가 데이터베이스 에서 얻 은 상태 status 정 보 는 0 과 1 의 형식 입 니 다. 우 리 는 어떻게 그 가 프론트 데스크 에 '발표 되 었 습 니 다', '사용 중지 되 었 습 니 다' 형식의 문자 로 보 여 줄 수 있 습 니까? 전제 코드:

                {
                    field : 'edStatus',
                    title : '  ',
                    toolbar :'#statusDemo',
                    width : 110,
                    fixed : 'left'
                }

        {{#if (d.edStatus == 0) { }}
         <span style="color:#FF5722;">   </span>
        {{# }else if(d.edStatus == 1){ }}
        <span>   </span>
        {{# } }}

5. 배경 데 이 터 를 어떻게 가 져 와 서 프론트 데스크 톱 select 메뉴 에 동적 할당 합 니까? 예: 우 리 는 백 스테이지 데이터 에서 각종 서 비 스 를 얻 었 습 니 다. 드 롭 다운 메뉴 코드 에 할당 해 야 합 니 다.

initSelect:function(){
            $.ajax({
                url : '/admin/configure/servnames.json',
                dataType : 'json',
                type : 'POST',
                success : function(data) {
                    $("#serviceName").append('     ');
                    $.each(data.data, function(index, item) {
                        $("#serviceName").append(''
                            + item.serviceName + '');
                    });
                    form.render('select');//               
                }
            });
        }

6. Layui 중성자 페이지 의 하위 페이지 에서 코드 를 어떻게 꺼 냅 니까?

    parent.layer.open({
                                    title : '        ',
                                    content : '          ,      ？'
    });