具體實現介紹:主要是對動態查詢出來的table表單進行單擊選中后,將選中的當前行中的數據,返回到當前頁面中的text文本框中,進行保存操作。
JS文件相關代碼如下:
//加載控件
function LoadControl(){
//數據表加載
$('#tableid').datagrid({ //此處tableid為所需操作的table表單id
title:'查詢到的數據', //table表單標題
loadMsg:'正在努力加載數據,請稍后。。。', //查詢時出現的加載提示
width:1200,
height:200,
singleSelect:true, //設置選中項只有當前單擊的選項,如果改為false,則會出現table表單中同一時間多行被同時選中
fitColumns:true, //設置Columns是否自適應寬度
rownumbers:true, //是否設置自定義的表格行號(1、2、3、4、5...)
panelHeight:'auto' //行高設置,當前為自適應
columns:[[
{ field: 'Serial', title: '', hidden: true //title標簽是設置表格列名,hidden為是否隱藏列名
},{
field: 'pbm_so', resizable: true, align: 'center', width: 80, title: 'fistcol' //field為自定義標簽,field中的數據為自定義的變量
},{
field: 'location', resizable: true, align: 'center', width: 80, title: 'secondcol' //esizable 是讓對象擁有可調整大小的屬性,類似於windows文件夾一樣
//可以通過拖動邊或者角來調整文件夾的大小。
},{
field: 'pbm_partno', resizable: true, align: 'center', width: 150, title: 'thridcol''
}, {
field: 'materialpn', resizable: true, align: 'center', width: 150, title: 'forthcol''
}
]],
//jquery使用queryParams拿參數
queryParams:{
pbm_so: $("#txtSo").val(''), //將當前行的列值賦值給變量
location: $("#txtLocNo").val(''),
pbm_partno: $("#txtPartNo").val(''),
chguser: $("#txtChgUser").val('')
},
//寫單擊觸發事件
onClickRow: function (index, field, value) {
g_index = field.Serial; //獲取index行號
$("#txtSo").val(field.pbm_so); //將變量的值賦值給text
$("#txtLocNo").val(field.location);
$("#txtPartNo").val(field.pbm_partno);
$("#txtChgUser").val(field.chguser);
},
onLoadSuccess: function (data) { //加載表單的時候,對表單內行數據進行判斷,可以賦顏色,也可以進行其他操作
}
});
}
