JS中如何對table表單實現選中取值


 

具體實現介紹:主要是對動態查詢出來的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) {    //加載表單的時候,對表單內行數據進行判斷,可以賦顏色,也可以進行其他操作

 

}

 

});

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM