將table中的每個tr(每個單元格)的資料封裝成json物件 後臺有list接收 ( springMVC )
$("#saveTemplate").click(function(){
var jsonArr = new Array();
$("#myform").find("td").each(function(){
var json = {};
var flag = false;
$(this).find("[value]").each(function(){
flag = true;
json[$(this).attr("name")] = $(this).val();
});
if (flag) {
jsonArr.push(json);
}
});
var jsonTemp =JSON.stringify(jsonArr);//把陣列轉換成json
$.ajax({
type: "POST",
url: "${ctx}/cli/cliSceneTemplate/save",
data: jsonTemp, //json
dataType: "json",
contentType: "application/json; charset=utf-8",
success: function(data){
console.log("data=="+data);
$.successSubmit("新增模板成功!!");
},
error : function() {
$.failSubmit("新增模板異常!!");
}
});
})
})
//後臺接收
@RequestMapping("/cli/cliSceneTemplate")
@ResponseBody
public String save(@RequestBody List<SceneTemplate> sceneTemplate){
}相關推薦
將table中的每個tr(每個單元格)的資料封裝成json物件 後臺有list接收 ( springMVC )
$(function() { $("#saveTemplate").click(function(){ var jsonArr = new Array(); $("#myform").find("td").each(function(){ v
如何將多行單元格資料轉變成一行?這個Excel技巧你一定不知道!
在Excel表格中,怎樣快速的將多行資料轉變成一行?其實有三種非常簡單的方法,下面我來給大家分享一下,希望能夠幫助大家!如何將多行單元格資料轉變成一行?這個Excel技巧你一定不知道!方法一:利用函式公式 首先輸入輔助列"、",然後在單元格中輸入函式"=PHONETIC",選中單元格資料即可。 具體操作如
用js將表單資料封裝成json字串
用js將表單資料封裝成json字串 1.js中封裝程式碼: $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, func
用表單格式化外掛jquery.serializejson將表單上的資料轉換成JSON物件
沒有這個外掛之前要想JS獲取到form表單的資料,在ajax傳到後臺也是蠻痛苦的事,雖然都是簡單用$(“#id”).val()獲取到表單的值,要是量多了也是很磨人的。 好吧,廢話不多說!看下這個jquery.serializejson.js外掛是怎麼給我們帶來
使用js方法將table表格中指定列指定行中相同內容的單元格進行合並操作。
var get 是否 for true ntb doc ide 就是 一、簡介 使用js方法對html中的table表格進行單元格的行列合並操作。 網上執行此操作的實例方法有很多,但根據實際業務的區別,大多不適用。 所以在網上各位大神寫的方法的基礎上進行了部分修改以適合自己
Excel中的使用相同公式的方法與連續數字的方法,以及在每個單元格資料右下角新增逗號,round函式
一、 Excel中的使用相同公式的方法 比如,你選擇一列或者用shift選擇對應的資料,shift鍵不放鬆,繼續點選第一位資料並按Ctrl鍵,然後輸入=與公式,最後按Ctrl+enter,這就完成對應資料使用相同的公式。 二、連續數字的
【java 菜鳥自動化實踐之二】採用POI將圖片存入指定的excel單元格中(支援excel2003和2007)
實現目的:selenium實時擷取瀏覽器圖,並採用POI將圖片存入指定的excel單元格中(支援excel2003和2007) package common; import org.apache.log4j.Logger; import org.apache.poi.hs
CSS實現table固定寬度,超過單元格部分內容省略
效果 org lips cell 間距 tex round nal 長度 <table>單元格的寬度是根據內容的大小自適應的,沒有內容的地方就擠到了一起。需要固定表格寬度和每一列的寬度。 table-layout:fixed 在固定表格布局中,水平布局僅取決
table 中的tr 行點擊 變換顏色背景
box inf tel 100% lba scrip class align nts <style> table{border-collapse: collapse;border-spacing: 0; width: 100%
vue中 表頭th 合併單元格,且表格列數不定的動態渲染方法
吐槽 今天,在vue中遇到 複雜表格的渲染 ,需要合併表頭的單元格,且合併單元格的那列還是動態資料,也就是說你不知道會有多少組要合併起來,哎,我也有點說不清楚,廢話不多說了,看程式碼把: 程式碼示例 data資料是後端介面返回的,其中的資料格式是這樣的: [ { "studentId
VS程式設計,WPF中telerik:RadGridView 單元格資料根據不同條件顯示不同背景顏色的一種方法
有時為了顯示效果,需要讓某一列單元格根據不同的資料條件來顯示不同的顏色。 這裡提供一種方法——藉助轉化器。 1、前臺GridView繫結資料來源,每一列採用單獨定義繫結的方式。 像這樣: 2、右擊程式集,新建資料夾存放轉化
TP3.2中PHPExcel獲取指定單元格內容的簡單應用
public function excel($x = '1',$y = 'C',$sheet = '1') //輸出表格指定位置資訊 $X 行 $y 列 $sheet 表格頁數(0開始) { date_default_timezone_s
通過find()方法獲取table中選中tr中input值
點選選中行中其中一個input框,獲取本行中另外一個input欄位值: <input name='' onclick='check(this)'> function check( o){ //獲取上上級tr 的demo var tr = o.parentNod
table中設定tr行間距
CSS border-collapse 屬性設定表格的邊框是否被合併為一個單一的邊框 值 描述 separate 預設值。邊框會被分開。不會忽略 border-spacing
colgroup中col定義表格單元格寬度
colgroup中可以使用col來定義表格單元格寬度,可以使用畫素(數字),百分比,我們來具體看看有什麼不同。 先看一個最基本的:用畫素(數字)表示,因為table有個寬度,這裡表示佔比 <html> <body> <table widt
table中給tr設定border-bottom無效
解決方法: 將tr所在table的css樣式border-collapse設定為 collapse; 比如: table{border-collapse: collapse;} table tr{border-bottom:solid 1px #d0dee5;}
將table中選擇的資料匯出為Execl檔案 JavaScript
<html> <head> <title>將table中選擇的資料匯出為Execl檔案 JavaScript</title> <script language="javascript">...
Web前端Table中的tr和td按百分比設定寬度和高度,當內容超出時Table變型解決
如果table按照百分比設定寬度和高度,當表格內部任意內容超出所在元素的百分比值時就會使得表格變形。 <table width='80%'> <tr> <td width='50%'>內容超過50%</td> </tr> </table>
Excel技巧1:將符合要求的多個單元格內容合併到一個單元格
Excel技巧1 在一個區域內,如下表中,A列有多個相同的內容,而對應的同一行B列中的值不相同,需要把這些不同的B列值組合到一個單元格中。 比如把所有“Alice”對應的B列情緒合併到C1單元格中,顯示為“ Happy,Angry,Sad,” 如果用E
java中匯出excel設定單元格的樣式為數字格式
//新增帶有formatting的Number物件 jxl.write.NumberFormat nf = new jxl.write.NumberFormat("#.##"); //設定數字格式 jxl.write.WritableCellFormat wcfN