DataGrid獲取當前行某列值

2022-03-08 05:27:49 字數 2479 閱讀 4750

前言:

本文將給大家介紹一下, 在asp.net mvc環境下,如何利用jquery miniui(乙個專業webui控制項庫)來獲取datagrid中的值,官網沒有涉及到的內容:如何獲取當前行某一列的值?這裡配合著console.log()一起來使用,教你如何自己尋找未知的屬性。(最近發現用console.log()來除錯js、jquery相當好用)

程式需求:

需要知道當前選中行的某一列的值,然後選擇性的去顯示內容。

我們來看一下官網的api,看著挺好,但是都不適用。

轉變思路:

一看官網api都沒有,就想直接自己除錯吧,憑著對datagridview控制項使用的感悟,打算找到table,然後索引出來行、列,大概是這個樣子:table.rows[i].cells[j].value 恩恩...

實際操作:

1>. 首先載入乙個有兩行資料的datagrid,並且還要有如下js**:

mini.parse();

var grid = mini.get("datagrid1");

grid.load();

function click()

2>. 編譯執行後,開啟我們強大的f12,找到控制台,模擬→google的console。

執行操作後,我們會看到如下內容:

3>. 這個就是grid顯示的內容,如何把裡面特定行中的特定列找到呢?在右側向下拖的時候,我發現了columns,這讓我喜出望外,但是展開一看裡面的資料才發現,不是我要找的。

4>. 緊接著,我看到了data,展開一看,原來全藏這了!

5>. 於是乎,我回到最初的object,找到data:

6>. 既然找到資料在哪,就得讓它顯示出來,所以在指令碼裡新增一句:

mini.parse();

var grid = mini.get("datagrid1");

grid.load();

function

click()

編譯,執行,看效果:

7>. 我們看到這裡顯示出來是乙個array陣列,看到右邊的顯示,我們知道,0代表第一行資料,1代表第二行資料,所以我們先將第一行資料顯示出來:

mini.parse();

var grid = mini.get("datagrid1");

grid.load();

function

click()

編譯,執行,看效果:

8>. 第一行資料全部顯示出來了,可以看到所有的key、value,這個時候心裡多少有點底了,終於看到希望了,但是還要保持淡定,到現在我們迫切的希望來乙個點,就可以索引出所有的屬性,只可惜這不是c#,沒有相關的類,然後就嘗試性去補全這個js後面的**,手動新增了乙個["xmxh"]:

mini.parse();

var grid = mini.get("datagrid1");

grid.load();

function

click()

編譯、執行、看效果:

9>. 我們看到相應的資料就顯示出來了。我們再結合miniui官網api,給出的 獲取行索引號、獲取當前選中行這兩個方法,就可以任何獲取datagrid當前行某一列的值了。

具體實現**如下:

mini.parse();

var grid = mini.get("datagrid1");

grid.load();

function

click()

C WPF DataGrid獲取當前行某列值

0 是指當前行第1列的單元格位置 方法一 private void dg selectedcellschanged object sender,selectedcellschangedeventargs e system.nullreferenceexception 未將物件引用設定到物件的例項。b...

Jqeury獲取table當前行與指定列

今天遇到了乙個jqeury獲取table當前行與指定列的問題 大概的實現要求是乙個頁面中,上面有幾個input輸入框,下面有乙個table,當在輸入框中輸入內容的時候,點選新增按鈕的時候,在下面table中追加對應的 同時每行有 編輯 刪除的操作。類似下面的頁面操作 下面是addtable 就是點選...

gridview獲取當前行索引的方法

在用 gridview 控制項時,我們經常會碰到獲取當前行的索引,通過索引進行許多操作。例如,可以獲得當前行某乙個控制項元素 設定某一元素的值等等。下面結合例項介紹幾種獲得 gridview 當前行索引值的方法。例項 目的 獲取gridview 中rowcommand 的當前索引行。前台頁面 在 g...