js初始化对象

 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         };

时间: 2024-11-11 11:10:36

js初始化对象的相关文章

js面对对象编程

说到js,很大一部分人会说我很熟悉,在日常的web开发中经常用,那么你的js代码是符合面对对象思路的吗?那你会问我面向过程的js代码有什么不好吗?我的感受是面对对象的js编码更加简洁,减少了混乱,可维护行增强,适合编写富客户端时应用. 好了,首先看看js里如何定义对象: <html> <head> <script type="text/javascript"> var obj=new Object(); obj.name='josh'; obj.ag

JS面相对象

一.理解对象: //第一种:基于Object对象var person = new Object();person.name = 'My Name';person.age = 18;person.getName = function(){       return this.name;} //第二种:对象字面量方式(比较清楚的查找对象包含的属性及方法)var person = {       name : 'My name',       age : 18,       getName : fun

js Date对象总结

Date在js中和Array类似,都是拥有自己的特殊方法的特殊对象. 由于平常用到Date着实不多,对它的了解颇浅.上周被问到怎么样获取某年某个月的天数,我当时想了一会儿,回答说有两种,一种自己写判断闰年的逻辑,每个月天数分两种情况存数组,一种是利用js Date对象的特性(其实是他总结的...).不过具体用到什么特性我答不上来.现在既然想起来了,也学习总结一下好了. 1.Date get和set系列 (注:getTime()具体的参照时间为1970年1月1日8点0分0秒) 所有的set对应都有

js自定义对象 (转)

原文地址:https://sjolzy.cn/js-custom-object.html 29 March 2010 9:53 Monday by 小屋 javascript进阶之对象篇 一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascript中,已经存在一些标准的类,例如Date.Array.RegExp.String.Math.Number等等,这

认识js函数对象(Function Object)

认识函数对象(Function Object) 可以用function关键字定义一个函数,对于每个函数可以为其指定一个函数名,通过函 数名来进行调用.这些都是代码给用户的印象,而在JavaScript解释执行的时候,实际上每 个函数都是被维护为一个对象,这就是本小节将要介绍的函数对象(Function Object). 函数对象与其它用户所定义的对象有着本质的区别,这一类对象被称之为内部对象,例 如日期对象(Date).数组对象(Array).字符串对象(String)都是属于内部对象.换句话

认识JQuery,JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作,常用的方法

(一)认识JQuery  JQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法    JQuery的主旨:以更少的代码,实现更多的功能 (二)JQuery的优势 1)可以像CSS一样访问和操作DOM 2)修改CSS控制页面外观 3)简化JS代码操作 4)事件代理更加容易 5)动画效果使用方便 6) Ajax技术更加完美 7)大量的基于Jquery的插件 8)可以自定义扩展功能插件 (三)JQuery的语法 格式:$(selector).actio

创建对象,初始化对象属性,给节点分派一个合成事件

XML DOM createEvent() 方法 Document 对象参考手册 定义和用法 createEvent() 方法创建新的 Event 对象. 语法: createEvent(eventType) 参数 描述 eventType 想获取的 Event 对象的事件模块名. 关于有效的事件类型列表,请参阅“说明”部分. 返回值 返回新创建的 Event 对象,具有指定的类型. 抛出 如果实现支持需要的事件类型,该方法将抛出代码为 NOT_SUPPORTED_ERR 的 DOMExcept

[转]JS中对象与字符串的互相转换

原文地址:http://www.cnblogs.com/luminji/p/3617160.html 在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: throw new SyntaxError('JSON.parse'); 查询资料,大概意思如下: JSON.parse方法在遇到不可解析的字符串时,会抛出SyntaxError异常. 即:JSON.parse(text, reviver),This method parses a JSON text t

js 遍历对象

function allPrpos(obj) { // 用来保存所有的属性名称和值 var props = ""; // 开始遍历 for(var p in obj){ // 方法 if(typeof(obj[p])=="function"){ obj[p](); }else{ // p 为属性名称,obj[p]为对应属性的值 props+= p + "=" + obj[p]+"<br />"; } } // 最后