layer web 弹窗-白红宇

1.layer引入

1 2     3     4

View Code

2.弹窗

1 /*************主题与模板弹窗***************/ 2 var num = 0; 3 function ShowThemeTempnExus() 4 { 5     layer.open({ 6         type: 2, 7         id: 'framTheme',//只允许弹出一个 8         title: '主题与模板', 9         area: ['618px', '417px'],10         fixed: false, //不固定11         maxmin: true,//最大最小化12         content: '/Admin/COM/ThemeTempnExusList.aspx',13         btn: ['确定', '取消'],14         yes: function (index, layero) {15             var body = layer.getChildFrame('body', index);16             var iframeWin = window[layero.find('iframe')[0]['framTheme']];17             var strThemeId = body.find('input:radio[name="themeID"]:checked').val();18             var strThemeName = body.find('input:radio[name="themeID"]:checked').next("span").text();19             var strReadNum = body.find('input:radio[name="userConfigID"]:checked').val();20             var strUserConfigName = body.find('input:radio[name="userConfigID"]:checked').next("span").text();21             var strIsDefatult = body.find('input:radio[name="IsDefault"]:checked').val() == "1" ? "是" : "否";22 23             var flag = 0, def = 0;24             $("#dataThemeTempTable tbody tr").each(function () {25                 //主题ID与模板配置编号都相同时，不能重复添加26                 if ($.trim($(this).find("td").eq(2).html()) == $.trim(strThemeId) && $.trim($(this).find("td").eq(5).html()) == $.trim(strReadNum)) {27                     flag = 1;28                 }29                 //默认模板与主题，只能有一个30                 if ($.trim($(this).find("td").eq(6).html()) == $.trim("是") && $.trim(strIsDefatult) == $.trim("是")) {31                     def = 1;32                 }33             });34             if (flag == 0 && def == 0) {
    //去重复35                 if (strThemeName != "" && strUserConfigName != "") {36                     num++;37                     var ww = $("#dataThemeTempTable tbody");38                     var img = '';39                     ww.append("" + img + "" + num + "" + strThemeId + "" + strThemeName + "" + strUserConfigName + "" + strReadNum + "" + strIsDefatult + "");40                 }41             }42             layer.close(index);43         }, btn2: function (index, layero) {44             layer.close(index);45         }46         });47 }

View Code

3.调用

1 
      
        2                 
          3                     
 7                     
 8                 
 9                 
10             
                         4                          6                              序号          主题ID          主题名称          模板名称          模板配置编号          是否默认

View Code

4.删除行

1 //删除主题与模板配置关系行2         function DelUtm(obj, id) {3             num--;//序号4             var trs = $(obj).parent("td").parent("tr");5             $(trs).remove();6         }

View Code