亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

通過點擊jqgrid表格彈出需要的表格數(shù)據(jù)

 更新時間:2015年12月02日 10:22:51   作者:回到印第安  
在眾多的表格插件中,jqgrid的特點是非常鮮明的,所以jqgrid表格插件用處非常廣泛,本篇文章給大家介紹通過點擊jqgrid表格彈出需要的表格數(shù)據(jù),需要的朋友參考下

首先對Jqgrid網(wǎng)格插件做個簡要的說明。在眾多的表格插件中,Jqgrid的特點是非常鮮明的。

特點如下:

完整的表格呈現(xiàn)與運算功能,包含換頁、欄位排序、grouping、新增、修改及刪除資料等功能。

自定義的工具列

預設的Navigator工具列,可以很容易的使用新增、刪除、編輯、檢視及搜尋等功能。

完整的分頁功能

按下任一欄位的標頭,皆可以該欄位為排序項目。無論是升序或降序皆可。

預設的action formatter,可以快速而直覺地對每筆資料做運算。

支持多種數(shù)據(jù)格式。比如json、xml、array等。

下面通過代碼實例給大家介紹通過點擊jqgrid表格彈出需要的表格數(shù)據(jù),具體內(nèi)容如下所示:

首先,我們先定義一個函數(shù),然后在JQuery里面直接引用就可以了,

function GetJqGridRowValue(jgrid, code) {
 var KeyValue = "";
 var selectedRowIds = $(jgrid).jqGrid("getGridParam", "selarrrow");
 if (selectedRowIds != "") {
  var len = selectedRowIds.length;
  for (var i = 0; i < len ; i++) {
   var rowData = $(jgrid).jqGrid('getRowData', selectedRowIds[i]);
   KeyValue += rowData[code] + ",";
  }
  KeyValue = KeyValue.substr(0, KeyValue.length - 1);
 } else {
  var rowData = $(jgrid).jqGrid('getRowData', $(jgrid).jqGrid('getGridParam', 'selrow'));
  KeyValue = rowData[code];
 }
 return KeyValue;
}//自定義GetJqGridRowValue函數(shù)

下面是顯示表格的JS文件

$(function () {
 $("#group").jqGrid({
  url: '/Group/GetGroup',
  datatype: 'json',
  mtype: 'Get',
  colNames: ['GRP_ID', 'GRP_NAME', 'GRP_DESCRIPTION'],//GROUP
  colModel: [
     { key: true, hidden: true, name: 'GRP_ID', index: 'GRP_ID' },
     { key: false, name: 'GRP_NAME', index: 'GRP_NAME', editable: true },
     { key: false, name: 'GRP_DESCRIPTION', index: 'GRP_DESCRIPTION', editable: true },
  ],
  ondblClickRow: function (rowid) {
   var td_id = GetJqGridRowValue("#group", "GRP_ID");
   alert(td_id);
  },//點擊獲取gqgird的當前列的'GRP_ID'的值
  pager: jQuery('#pager1'),
  rowNum: 5,
  rowList: [5, 10, 15, 20],
  height: '19%',
  viewrecords: true,
  caption: 'Group_Table',
  emptyrecords: '沒有記錄顯示',
  jsonReader: {
   rows: 'rows',
   page: 'page',
   total: 'total',
   records: 'records',
   repeatitems: false,
   id: '0',
   editurl: '/Group/EditGroup'
  },
  autowidth: true,
  multiselect: false,//是否多選
 });
 jQuery("#group").jqGrid('navGrid', "#pager1",
  { edit: true, add: true, del: true, position: 'left', alerttext: "請選擇需要操作的數(shù)據(jù)行!" },
 {
  zIndex: 100,
  url: '/Group/EditGroup',
  closeOnEscape: true,
  closeAfterEdit: true,
  recreateForm: true,
  afterComplete: function (response) {
   if (response.responseText) {
    alert(response.responseText);
   }
  }
 },
 {
  zIndex: 100,
  url: '/Group/CreateGroup',
  closeOnEscape: true,
  closeAfterEdit: true,
  afterComplete: function (response) {
   if (response.responseText) {
    alert(response.responseText);
   }
  }
 },
 {
  zIndex: 100,
  url: '/Group/DeleteGroup',
  closeOnEscape: true,
  closeAfterEdit: true,
  recreateForm: true,
  msg: "你確定要刪除么?",
  afterComplete: function (response) {
   if (response.responseText) {
    alert(response.responseText);
   }
  }
 }
 );
});

ps:jqGrid清空表格中的所有行數(shù)據(jù)

jqGrid清空表格中數(shù)據(jù)的方法如下:

jQuery("#gridTable").jqGrid("clearGridData");

相關(guān)文章

  • jquery last-child 列表最后一項的樣式

    jquery last-child 列表最后一項的樣式

    發(fā)開中個人是比較喜歡用Repeater控件,特別是前臺可老是遇到一個問題就是一個列表的最后一項總是和上面的樣式不一樣 如上面的都有下邊框,最后一個就沒有
    2010-01-01
  • jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象

    jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象

    本文為大家介紹下jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象的具體實現(xiàn),感興趣的朋友不要錯過
    2013-12-12
  • jQuery版Tab標簽切換

    jQuery版Tab標簽切換

    網(wǎng)上常見的應用,用jQuery實現(xiàn)起來比較簡單,只有幾行代碼。
    2011-03-03
  • jQuery動態(tài)生成Bootstrap表格

    jQuery動態(tài)生成Bootstrap表格

    這篇文章主要介紹了jQuery動態(tài)生成bootstrap表格的相關(guān)資料,非常不錯具有一定的參考借鑒價值,需要的朋友可以參考下
    2016-11-11
  • jquery實現(xiàn)動態(tài)畫圓

    jquery實現(xiàn)動態(tài)畫圓

    這篇文章主要給大家分享了一段jquery實現(xiàn)動態(tài)畫圓代碼,需要的朋友可以參考下
    2014-12-12
  • Jquery Uploadify上傳帶進度條的簡單實例

    Jquery Uploadify上傳帶進度條的簡單實例

    本篇文章主要是對Jquery Uploadify上傳帶進度條的簡單實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-02-02
  • 淺析jquery unbind()方法移除元素綁定的事件

    淺析jquery unbind()方法移除元素綁定的事件

    下面小編就為大家?guī)硪黄獪\析jquery unbind()方法移除元素綁定的事件。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • jquery中$.fn和圖片滾動效果實現(xiàn)的必備知識總結(jié)

    jquery中$.fn和圖片滾動效果實現(xiàn)的必備知識總結(jié)

    圖片滾動效果相信大家都使用過,看上去很簡單的一個效果,如果想熟練的掌握必須知道jquery、IIFE、setInterval等基礎以及$.fn用法,下面這篇文章主要介紹了關(guān)于jquery中$.fn和圖片滾動效果制作的必備知識,需要的朋友可以參考下。
    2017-04-04
  • jQuery遍歷Table應用示例

    jQuery遍歷Table應用示例

    這篇文章主要介紹了jQuery遍歷Table的具體實現(xiàn),需要的朋友可以參考下
    2014-04-04
  • 使用jQuery制作基礎的Web圖片輪播效果

    使用jQuery制作基礎的Web圖片輪播效果

    這篇文章主要介紹了使用jQuery制作基礎的Web圖片輪播效果的實例,鼠標懸停時可停止而離開時可自動輪播,文中還介紹了一種使用zslider插件來實現(xiàn)的方法,比較犀利,需要的朋友可以參考下
    2016-04-04

最新評論