2023-10-07 00:29:55 | 我爱编程网
function ready() { var url = base_path+"console/cfg/getBaseLayers/"+configId; $.ajax({ url:url, type:"get", dataType:"json", success:function (result) { //生成之前先清空tr,防止AJAX异步加载重复生成 $("#lot tr").remove(); var length = result.length; for (var i=0;i<length;i++){ var name = result[i].name; //服务名称 var alias = result[i].alias;//服务别名 var type = result[i].type;//服务类型 var year = result[i].year;//年份 var url = result[i].url;//服务地址 var visible = result[i].visible;//是否可见 var id = result[i].id;//id serviceIdArray[i] = id;//此处将id塞给serviceIdArray,用于判断是否添加。 var str = ""; if (visible==true){ //生成tr str += '<tr id = "'; str += id; str += '"'; str += ' class="lot_box"> <td>'; str += i+1; str += '</td> <td>'; str += name; str += '</td> <td>'; str += alias; str += '</td> <td>'; str += type; str += '</td> <td>'; str += year; str += '</td> <td>'; str += url; str += '</td> <td>'; str += '<input id="'; str += id; str += '"'; str += 'type="checkbox" checked="true" onchange="modifyService(this.id);"/>'; str += '</td> <td> <input id="'; str += id; str += '"'; str += 'type="button" value="编辑" onclick="editTd(this.id)"/>'; str += '</td> <td>'; str += '<button class="rosy" id="'; str += id; str += '"'; str += ' onclick="deleteService(this.id);">'; str += '<img src="static/img/del14.png"></button>'; str += '</td> </tr>';
}else { //生成tr str += '<tr id = "'; str += id; str += '"'; str += ' class="lot_box"> <td>'; str += i+1; str += '</td> <td>'; str += name; str += '</td> <td>'; str += alias; str += '</td> <td>'; str += type; str += '</td> <td>'; str += year; str += '</td> <td>'; str += url; str += '</td> <td>'; str += '<input id="'; str += id; str += '"'; str += 'type="checkbox" onchange="modifyService(this.id);"/>'; str += '</td> <td> <input id="'; str += id; str += '"'; str += 'type="button" value="编辑" onclick="editTd(this.id)"/>'; str += '</td> <td>'; str += '<button class="rosy" id="'; str += id; str += '"'; str += ' onclick="deleteService(this.id);">'; str += '<img src="static/img/del14.png"></button>'; str += '</td> </tr>';
} var $tr = $(str); $("#lot").append($tr);
}
}
});
}
2)
//修改table行内元素(td)function editTd(id) { //选中编辑按钮的时候,把这行指定的几个td变成文本框 var b = $("input[type='button'][id='"+id+"']").parent(); //td var a = b.siblings(); //td的兄弟节点 if(a[1].children.length===0){ a[1].innerHTML="<input type='text' value='"+a[1].innerText+"'/>";
}
if(a[2].children.length===0){ a[2].innerHTML="<input type='text' value='"+a[2].innerText+"'/>";
}
if(a[3].children.length===0){ a[3].innerHTML="<input type='text' value='"+a[3].innerText+"'/>";
} //将编辑改成 保存和取消两个按钮 b[0].innerHTML="<input id='"+id+"' type='button' onclick='saveEditTd(this.id);' value='保存'/><input type='button' onclick='resertEditTd();' value='取消'/>";
//以下注掉的都是在网上找的参考。 /*alert(a[0].getText()); var $this = $(this).index(); alert($this);*/ /*$('input[type="button"]').on('click', function(){ var $this = $(this).parent().parent();//tr ready(); });*/ /*var $ = function(node) { return typeof node == "string" ? document.getElementById(node) : node; } var $1 = function(node, parent){ var nd = document.createElement(node); if(parent) parent.appendChild(nd); return nd; } /!** 绑定事件流 *!/ var bind = function(obj, eventName, funcionName){ if(obj.addEventListener){ obj.addEventListener(eventName, funcionName,false); }else if(obj.attachEvent) { obj.attachEvent("on" + eventName, funcionName); }else{ obj["on" + eventName] = funcionName; } }; var fulltable = function(tbody, data){ var pd = data.data; var column = data.column; for(var i=0, len=data.rows; i<len; i++){ var tr = $1("tr", tbody); var cd = pd[i]; for(var j=0,jlen=column.length; j<jlen; j++){ var td = $1("td", tr); td.innerHTML = cd[column[j]];//innerText不兼容火狐,可以自己写innerText和textContent的兼容,这里就直接用innerHTML了 } } } var littlehow_edit_table = function(tbody, ev){ this.tbody = $(tbody); this.event = ev ? ev : "click";//默认为单机事件 this.init = function(data) {//data可以是undefined if(data) { fulltable(this.tbody, data); } //调用可编辑 this.edit(); } this.edit = function(){ var tds = this.tbody.getElementsByTagName("td"); for(var i=0,len=tds.length; i<len; i++){ bind(tds[i], this.event, this.click); } } this.click = function(){ //alert(this.children.length); if(this.children.length > 0) return; var v = this.innerHTML; this.innerHTML = ""; var input = $1("input", this); input.type = "text"; input.value = v; input.focus();//光标聚集 bind(input, "blur", blur); } var blur = function(){ var v = this.value; this.parentNode.innerHTML = v; } } window.$$ = function(id, ev){ return new littlehow_edit_table(id, ev); };*/ /*$('.editable').handleTable({ "handleFirst" : true, "cancel" : " <span class='glyphicon glyphicon-remove'></span> ", "edit" : " <span class='glyphicon glyphicon-edit'></span> ", "add" : " <span class='glyphicon glyphicon-plus'></span> ", "save" : " <span class='glyphicon glyphicon-saved'></span> ", "confirm" : " <span class='glyphicon glyphicon-ok'></span> ", "operatePos" : -1, "editableCols" : [2,3,4], "order": ["add","edit"], "saveCallback" : function(data, isSuccess) { //这里可以写ajax内容,用于保存编辑后的内容 //data: 返回的数据 //isSucess: 方法,用于保存数据成功后,将可编辑状态变为不可编辑状态 var flag = true; //ajax请求成功(保存数据成功),才回调isSuccess函数(修改保存状态为编辑状态) if(flag) { isSuccess(); alert(data + " 保存成功"); } else { alert(data + " 保存失败"); } return true; }, "addCallback" : function(data,isSuccess) { var flag = true; if(flag) { isSuccess(); alert(data + " 增加成功"); } else { alert(data + " 增加失败"); } }, "delCallback" : function(isSuccess) { var flag = true; if(flag) { isSuccess(); alert("删除成功"); } else { alert("删除失败"); } } });*/ /*//dom创建文本框 var input = document.createElement("input"); input.type="text" ; //得到当前的单元格 var currentCell ; function editCell(event) { if(event==null) { currentCell=window.event.srcElement; } else { currentCell=event.target; } //根据Dimmacro 的建议修定下面的bug 非常感谢 if(currentCell.tagName=="TD"){ //用单元格的值来填充文本框的值 input.value=currentCell.innerHTML; //当文本框丢失焦点时调用last input.onblur=last; input.ondblclick=last; currentCell.innerHTML=""; //把文本框加到当前单元格上. currentCell.appendChild(input); //根据liu_binq63 的建议修定下面的bug 非常感谢 input.focus(); } } function last() { //充文本框的值给当前单元格 currentCell.innerHTML = input.value; } //最后为表格绑定处理方法. document.getElementById("table").ondblclick=editCell;*/ /*var ttr = $(this).val()=="编辑"?"确定":"编辑"; $(this).val(ttr); // 按钮被点击后,在“编辑”和“确定”之间切换 $(this).parent().siblings("td").each(function() { // 获取当前行的其他单元格 var obj_text = $(this).find("input:text"); // 判断单元格下是否有文本框 if(!obj_text.length) // 如果没有文本框,则添加文本框使之可以编辑 $(this).html("<input type='text' value='"+$(this).text()+"'>"); else // 如果已经存在文本框,则将其显示为文本框修改的值 $(this).html(obj_text.val()); });*/ /*$('input[type="button"]').on('click', function(){ var $this = $(this); var $td_arr = $this.parent().html('保存').prevAll('td'); $.each($td_arr, function(){ var $td = $(this); $td.html('<input type="text" value="'+$td.html()+'">'); }); });*/}
3)
//取消editTd编辑function resertEditTd() { ready(); //此方法是自己写的,局部刷新页面,重新加载数据
}
//保存editTd编辑function saveEditTd(id) { var a = $("input[type='button'][id='"+id+"']").parent().siblings(); //td的兄弟节点 var td_name = a[1].children[0].value; //服务名称 var td_alias = a[2].children[0].value; //服务别名 var td_type = a[3].children[0].value; //服务类型 var url = base_path+"console/cfg/saveEditTd"; $.ajax({ url:url, type:"post", data:{ "td_name":td_name, "td_alias":td_alias, "td_type":td_type, "id":id, "tpl":configId }, datatype:"json", success:function (result) { ready(); //此方法是自己写的,局部刷新页面,重新加载数据
}
});
}
PHP修改数据库问题你的错误主要在这里$sql="UPDATEsymbolsSETcountry='$_POST[country]',animal='$_POST[animal]',cname='$_POST[cname_]'WHEREsymbols.id=$_POST[id]";当存在中文字符时,中文字符用''包围,而英文字符不用,否则会出错的。像这种symbols.id,句号
js循环5个按钮,实现点击每个按钮弹出对应的颜色(红黄粉绿蓝)<html><scripttype="text/javascript">functionf(n){switch(n){case0:alert("红");break;case1:alert("黄");break;case2:alert("粉");brea
前端开发中悬浮一个超链接怎么让自身整个盒子背景变色?样式部分:<styletype="text/css">.box1:hover{background:#dfdfdf;}</style>html部分:<ahref=""class="box1">第一种情况,a标签就是作为一个整体的盒子。</a><divid="bo
php切换背景颜色或背景图片或是切换模板是怎样实现的~光标移到哪个行那个行背景颜色变黄光标移开恢复原来颜色的方法:一.HTML:<tr>二.jQuery:1.先写好CSS:2.jQuery方法://记得包含jQuery插件文件3.html代码:<tr><tdwidth="10%">姓名</td></tr><tr><
怎样自学web前端开发?Web应用程序的开发过程现在特征已经弄清楚了,我们就可以开始定义开发一个web应用程序的整个过程了。当然,这依赖于工程的大小,过程中的某些步骤可能很小,在你的脑海里就能完成这种工作,但把事情整个的了解一下总是有好处的。同时还有一点很重要的你要明白,这篇文章并不会对每个步骤进行深层次的描述。步骤一:分析开发一个web应用的第一步是分析你的需求。你此时
html按钮隐藏作用可以使用js来实现按钮和文本的显示隐藏。1.创建一个新的html文档,在body标签中添加span标签和按钮标签,并为每个标签设置一个id:2.添加脚本标记并向脚本标记添加按钮单击事件。如果按钮的内容为“隐藏”,则文本将被隐藏,按钮内容将转换为“显示”:3.如果按钮内容不是“隐藏”,将显示文本,按钮内容将“隐藏”:js如何将一个按钮显示或者隐
php如何跳转新窗口php跳转新窗口的方法:1、使用【header()】函数将HTTP协议标头输出到浏览器;2、使用meta标签负责提供文档元信息标签,可以实现页面跳转;3、使用javascript使页面自动跳转到新的地址。php跳转新窗口的方法:第一种方式:header()header()函数的主要功能是将HTTP协议标头(header)输出到浏览器。语法:voidh
使用TP框架在搜索后修改一条记录提交后返回到之前搜索出来的数据信息比如搜索id=1得N条数据修改其中一条然后返回ID=1这样的话我们需要在get里面加点东西比如index.php?id=1修改页面kk.php?pid=2&id=1或者你用cook来储存搜索条件说的再多就是用一个东西来储存搜索条件或者用JShistory.back()ph
2023-10-08 16:59:01
2023-06-27 20:13:22
2023-10-18 13:05:43
2023-10-18 12:59:02
2023-10-18 12:57:14
2023-10-18 12:50:21