2. 程式人生 > >JSP頁面動態生成表格併為表格新增事件(續)

JSP頁面動態生成表格併為表格新增事件(續)

阿新 • • 發佈：2019-02-06
var data = "張三,男,11;李四,男,12;王五,女,21;千龍,女,22;";//在實際中的資料可能從資料庫查詢 var datInfo = data.split(";");//分隔一次，變成一個一維陣列 //給表格動態新增 行 事件 function tr_click(){ var oObj = window.event.srcElement;//在下面呼叫這個方法時便可以不用傳this了 //可以選擇不同的貸款記錄 if(oObj.tagName.toLowerCase() == "td"
){ var oTr = oObj.parentNode; //document.all.table1.rows.length;//總的表格行數(包括表頭) for(var i=1; i<document.all.table1.rows.length; i++){//table1:表格的Id document.all.table1.rows[i].style.backgroundColor = ""; document.all.table1.rows[i].tag = false
; } oTr.style.backgroundColor = "#F5DEB3"; oTr.tag = true; alert(oTr.getElementsByTagName("td")[0].innerHTML); // alert(oTr.innerText);//得到整行的資訊 } } //滑鼠移動到選擇行上時的行變色 function over(){ var
oObj = event.srcElement; if(oObj.tagName.toLowerCase() == "td"){ var oTr = oObj.parentNode; if(!oTr.tag) oTr.style.backgroundColor = "#E1E9FD"; } } //滑鼠移出另外一行時關閉已選行變色 function out() { var oObj = event.srcElement; if(oObj.tagName.toLowerCase() == "td"){ var oTr = oObj.parentNode; if(!oTr.tag) oTr.style.backgroundColor = ""; } } function toTable(rowCounts,colCounts,datInfo){ var textHTML = '<table id="table1" cellpadding="0" cellspacing="0" border="1" width="98%">'; textHTML+='<tr align="center"><td align="center">姓名</td><td align="center">年齡</td><td>性別</td></tr>'; for(var i=0; i<rowCounts; i++){ textHTML += '<tr align="center" height="30" onclick="tr_click()" onMouseOver="over()" onMouseOut="out()">';//為每一行新增點選事件 for(var j=0; j<colCounts; j++){ //datInfo[i].split(",")把一維陣列再次分隔變成二維陣列,二維陣列的每一維對應表格的每一行,不明白可以用alert彈出一下就知道了 textHTML += "<td>" + (datInfo[i].split(","))[j] + "</td>"; } } textHTML += "</tr></table>"; document.getElementById("testTable").innerHTML = textHTML; }

相關推薦

JSP頁面動態生成表格併為表格新增事件(續)

var data = "張三,男,11;李四,男,12;王五,女,21;千龍,女,22;";//在實際中的資料可能從資料庫查詢 var datInfo = data.split(";");//分隔一次，變成一個一維陣列 //給表格動態新增 行 事件 fun

利用jquery.ajax在jsp頁面動態生成table，可以增加修改，並支持一行和多行刪除

分享 ica 圖片 PE sibling 多行 點擊 table 技術 聲明：此為本人原創，只想實現功能，界面樣式方面沒多考慮，很粗糙能看懂就行……2018-5-14 動態生成table，我利用jsp內嵌java代碼從後臺獲取對象集合，輸出的時候有2中方法 1.直接利用

jsp頁面動態生成驗證碼

在web專案中登入驗證一般採用驗證碼驗證，根據個人需求將生成驗證碼程式碼放到不同的的地方，可以放到前段控制器中通過請求方式生成驗證碼，也可已將程式碼放到一個JSP頁面通過應用JSP頁面生成驗證碼 <%@ page language="java" contentType

(原創)EasyUI中datagrid的行編輯模式中，找到特定的Editor，併為其新增事件

有時候在行編輯的時候，一個編輯框的值要根據其它編輯框的值進行變化，那麼可以通過在開啟編輯時，找到特定的Editor，為其新增事件 // 繫結事件, index為當前編輯行 var editors = $('#staffLogDetailGrid').datagrid('g

JS生成動態表格併為每個單元格新增單擊事件的方法

<html> <head> <title>Demo</title> <script> function getColumn

如何為頁面動態生成的元素新增事件（如append()動態新增的標籤）

這是一個上傳圖片的頁面，我們要在前臺用JS驗證上傳的圖片是否合法，且能夠動態生成多個上傳框。 原始碼： <code> <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery-1.

jsp頁面 動態list如果名稱一樣合併

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> </head> &

Web在jsp頁面中生成柱狀圖，折線圖，餅狀圖

一、前言 在實際開發過程中，柱狀圖，折線圖，餅狀圖在一些OA，ERP中是非常常見的功能，特別是需求方是業務型，資料分析型公司，下面的例子簡單實現了餅狀圖，柱狀圖，折線圖在jsp中生成。（ps:新手上路，不喜勿噴） 二、前期準備 1.使用的框架：s

jsp頁面動態展示list-使用select和c:forEach標籤

後臺：搜尋資料放入list，然後為這個list提供響應的get和set方法private List<String> l=new ArrayList<String>();  public List<String> getL() {      

如何將jquery動態生成的數據綁定事件

code 運行 function splay jquer use ffffff -m find 　必須要使用事件綁定！ 　我使用on事件綁定 父級元素在on時間之前 之後你需要綁定事件的子元素 $(‘.photo-main‘).on(‘mouseenter‘,‘.

動態生成的DOM做點擊事件無效

min info 跳轉 傳遞參數 點擊事件 有效 else 動態添加 images 有時候我們的標簽都是從後臺獲取的數據，然後利用JS添加到頁面上，當我們寫生成的標簽的點擊事件（click）時沒有效果。 例如： <section> 測試

js，css隨筆（動態生成的dom做點擊事件無效）

addclass utl function form blank mon ans 默認 ++ 1.動態生成的DOM做點擊事件無效 https://blog.csdn.net/mm_hello11/article/details/79010679 2.消除button的默

jQuery動態生成的元素如何繫結事件

 這段時間在寫程式碼的時候遇到一個問題，通過append()新增的節點，點選事件不起作用。當時我百思不得其解，各種找錯都沒找到錯誤的原因。後來才發現是動態生成節點的問題，還是自己沒有經驗啊。   下面來

Vue+Element動態生成新表單並新增驗證

首先有一個這樣的需求，表單中預設有一個聯絡人資訊，使用者可以再新增新的聯絡人資訊 點選新增更多聯絡人之後 官方文件中有寫用v-for來實現新增表單，但是那是單表單的新增，現在多表單的新增，可以考慮的實現方法是先寫死一個必須的表單，需要新增的兩個表單放在一個div裡

C# 直接建立一個DataTable,併為之新增資料(自定義DataTable)

DataTable dt=new DataTable("cart"); DataColumn dc1=new DataColumn("prizename",Type.GetType("System.String")); DataColumn dc2=new Da

javascript動態生成按鈕並繫結點選事件

         前一個多月公司的前端開發人員離職，公司一直在招前端，基本上每天都有幾個來面試的人，就這個面試頻率，也才招了一個多月才招到。絕大部分都是死在了一道上機面試提上。題目很基礎，但也很考基本功，基本上才3%左右的人做出來。當時我就在想以我的半吊子前端知識挑戰一下這

Jquery 動態生成li標籤以及單擊事件的繫結

$("#rightRes").append("<li margin-top:3px;margin-left:10px; value="+i+">名稱:" +"<br/>電話:"+"</li>");//動態生成 $('div').chi

ASP.NET頁面中動態增加的控制元件、新增事件

/--------------------------利用計數器實現動態button的累加---------------------------------/      在ASP.NET中動態建立一個控制元件總是不那麼順利，特別是當對頁面的Life Cycle不是那麼瞭然的

JS動態生成表單，並新增行雙擊事件

//獲取某一出庫型別某日期所有出庫單 累計金額列表function getOutSheetAmtList(){        var hosnum=$('#hosnum').val();    var sdate=$('#sdate').val();//記賬日期 始    var edate=$('#eda

QT 為按鈕新增事件

-.在vs2010環境中。 在QT designer中為helloword.ui新增pushbutton  ，返回vs （1）：第一種方式： 在helloword.h中新增： public slots:     void ClickButton(); 在helloword.cpp中： 建構函式中新增： c