js初始化对象

简介: 1 var safe = { 2 safe_type:, 3 detailList:, 4 moduleList:, 5 utmList:, 6 pa...
 1  var safe = {
 2             safe_type:<%=safe_type_tab %>,
 3             detailList:<%=tempDetailList %>,
 4             moduleList:<%=moduleList %>,
 5             utmList:<%=utmList %>,
 6             params:{type1:<%=tempValueId%>,moduleValueId:<%=moduleValueId%>},
 7             inInControl:function(){
 8                 safe.bind_safe1();
 9                 safe.bing_safe3();
10                 safe.bind_safe2(safe.params.type1);
11                 $("#selTempList").change(function(){
12                     var tempID = $(this).val();
13                     $("#dataTempDatialTable tbody tr").remove();
14                     if(tempID!=0){
15                         safe.bind_safe2(tempID);
16                     }
17                 });
18                 $("#selUtNavList").change(function(){
19                     $("#hidNavModuleUrl").val($(this).attr("data-url"));
20                 });
21                
22                 //修改时绑定下拉对象
23                 var id = getQueryString('mid');
24                 var idEdit = (id != null);
25                 if(idEdit){
26                     if(safe.params.type1==1){
27                         $("#selTempList").val(safe.params.type1);
28                         $("#dataTempDatialTable tbody tr").remove();
29                         safe.bind_safe2(safe.params.type1);
30                     }
31                 }
32             },
33             bind_safe1:function(){
34                 var type1 = $("#selTempList");
35                 $.each(safe.safe_type.ds,function(i,item) {
36                     var selTmep = safe.params.type1 == item.ID ? 'selected="selected"' : '';
37                     type1.append('<option value="'+item.ID+'" '+selTmep+'>'+item.TempName+'</option>');
38                 });
39             },
40             bind_safe2:function(id){
41                 var type2 = $("#dataTempDatialTable tbody");
42                 var num = 0;
43                 var IsBoolutm = false;
44                 var sel = "";
45                 //模框
46                 $.each(safe.detailList.ds,function(i,ite) {
47                     if (ite.TempID == id){
48                         ++num;
49                         var htmlSelect = '<select id="selModuleList'+num+'" name="selModuleList" style="width: 200px;"></select>';
50                         
51                         type2.append("<tr><td>"+num+"<td>"+ite.ID+"</td><td>"+ite.RectangleName+"</td><td>"+ite.DivID+"</td><td>"+ite.Width+"</td><td>"+ite.Height+"</td><td style='width:210px;'>"+htmlSelect+"</td></tr>");
52                         
53                         //模块
54                         var modul = $("#selModuleList"+num);
55                         $.each(safe.moduleList.ds, function(j, item) {
56                             //模框与模块关系列表
57                             if(safe.utmList != null){
58                                 $.each(safe.utmList.ds, function(k, tem) {
59                                     if (tem.TempDetailD == ite.ID && tem.ModuleID == item.ID) {
60                                         IsBoolutm = true;
61                                         sel = IsBoolutm ? 'selected = "selected"' : '';//编辑时默认选中对应的模块
62                                     }
63                                 });
64                             }
65                             if(item.Type != 4){
66                                 modul.append('<option value="'+item.ID+'" '+sel+' >'+item.DisplayName+'</option>');
67                             }
68                             if(sel != "" || IsBoolutm == true){
69                                 sel = "";
70                                 IsBoolutm = false;
71                             }
72                         });
73                     }
74                 });
75             },
76             bing_safe3:function(){
77                 var utNav = $("#selUtNavList");
78                 $.each(safe.moduleList.ds, function(i, navItem) {
79                     if(navItem.Type == 4){
80                         var selModule = safe.params.moduleValueId == navItem.ID ? 'selected="selected"' : '';
81                         utNav.append('<option data-url="'+navItem.Url+'" value="'+navItem.ID+'" '+selModule+'>'+navItem.DisplayName+'</option>');
82                     }
83                 });
84                 //导航url初始值
85                 $("#hidNavModuleUrl").val(utNav.find("option:selected").attr("data-url"));
86             }
87         };
View Code

 

目录
相关文章
|
17天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
21 3
|
20天前
|
JavaScript 前端开发 开发者
JavaScript的`Math`对象
【4月更文挑战第21天】JavaScript的`Math`对象
18 3
|
4天前
|
存储 JavaScript 前端开发
JavaScript对象方法详解
JavaScript对象方法详解
13 1
|
5天前
|
JavaScript
js多维数组去重并使具有相同属性的对象数量相加
js多维数组去重并使具有相同属性的对象数量相加
10 1
|
12天前
|
前端开发 JavaScript 数据安全/隐私保护
前端javascript的DOM对象操作技巧,全场景解析(二)
前端javascript的DOM对象操作技巧,全场景解析(二)
|
12天前
|
移动开发 缓存 JavaScript
前端javascript的DOM对象操作技巧,全场景解析(一)
前端javascript的DOM对象操作技巧,全场景解析(一)
|
12天前
|
缓存 编解码 自然语言处理
前端javascript的BOM对象知识精讲
前端javascript的BOM对象知识精讲
|
12天前
|
JavaScript 前端开发
JavaScript 日期对象
JavaScript 日期对象
|
12天前
|
存储 JavaScript 前端开发
JavaScript对象
JavaScript对象
|
12天前
|
JavaScript 前端开发
JavaScript的math对象
JavaScript的math对象