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

 

目录
相关文章
|
1月前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
38 2
|
3天前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
6天前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
6天前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
30天前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
35 4
|
29天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
29 1
|
30天前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
15 2
|
1月前
|
JavaScript 前端开发 Unix
Node.js 全局对象
10月更文挑战第5天
21 2
|
1月前
|
存储 JavaScript 前端开发
js中的对象
js中的对象
18 3
|
1月前
|
JavaScript 前端开发
JavaScript Math(算数) 对象
JavaScript Math(算数) 对象
20 4
下一篇
无影云桌面