第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

jqGrid使用jQuery獲取“th”和“thead”

jqGrid使用jQuery獲取“th”和“thead”

qq_花開(kāi)花謝_0 2019-08-19 17:25:14
jqGrid使用jQuery獲取“th”和“thead”如何theader使用jQuery 獲取jqGrid?
查看完整描述

3 回答

?
幕布斯7119047

TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊

我的簡(jiǎn)短回答是:而不是選擇與<th>你正在尋找的元素相對(duì)應(yīng)的DOM元素,你應(yīng)該使用它

$("#list")[0].grid.headers

它返回此DOM元素的數(shù)組,對(duì)應(yīng)于<th>。我的答案的詳細(xì)描述如下。

我理解你的問(wèn)題的原因。例如,如果您將jqGrid的基本部分定義為

<table id="list"></table><div id="pager"></div>

然后只$("#list")為您<table>提供沒(méi)有標(biāo)題的網(wǎng)格的“數(shù)據(jù)”部分。表格的主要“數(shù)據(jù)”部分將放在一些div中。jqGrid的其他元素將作為表放在div中。jqGrid(未完整)的結(jié)構(gòu)如下所示:

div.ui-jqgrid#gbox_list
  div.ui-jqgrid-view#gview_list
    div.ui-jqgrid-titlebar              - caption
    div.ui-userdata#t_list              - optional top toolbar
    div.ui-jqgrid-toppager#list_toppager - optional top pager
    div.ui-jqgrid-hdiv                  - all grid headers
      div.ui-jqgrid-hbox                - (div.ui-jqgrid-hbox-rtl) if direction:"rtl"
        table.ui-jqgrid-htable
          thead
            tr.ui-jqgrid-labels         - row with column headers (labels)
              th#list_rn                - optional column header with row numbers
              th#list_Col1              - column header for the column name:"Col1"
              ...
              th#list_level             - optional column header for some other
                                          special columns in case of usage TreeGrid
                                          the hidden columns of TreeGrid are: level,
                                          parent, isLeaf, expanded, loaded, icon
            tr.ui-search-toolbar        - row for toolbar searching
              th
              th
              ...
    div.frozen-div.ui-jqgrid-hdiv       - optional frozen headers
        table.ui-jqgrid-htable          - table with frozen columns headers only
          ...
    div.ui-jqgrid-bdiv                  - div with the main grid data
      div
        table#list                      - table with the main grid data
    div.frozen-bdiv.ui-jqgrid-bdiv      - optional div with the main grid data
      div
        table#list_frozen               - table with the main grid data
    div.ui-userdata#tb_list             - optional bottom toolbar
  div.ui-jqgrid-resize-mark#rs_mlist
  div.ui-jqgrid-pager#pager             - the div with the pager

(在我使用的表中rownumbers: true,所以有th#list_rn,第一列的名稱為'Col1',所以有th#list_Col1等等)

您可以看到,標(biāo)題表table.ui-jqgrid-htable可以有兩個(gè)子<tr>子元素:一個(gè)tr.ui-jqgrid-labels用于列標(biāo)題,另一個(gè)tr.ui-search-toolbar用于filterToolbar

我的建議不要使用這個(gè)相對(duì)復(fù)雜的層次結(jié)構(gòu),而是使用jqGrid中存在的另一種短隱藏方式。代碼

var gridDom = $("#list")[0];

得到表元素的DOM元素。這個(gè)元素有一些重要的擴(kuò)展,由jqGrid構(gòu)成。這gridDom.p包含jqGrid的所有參數(shù)。另一個(gè)重要的擴(kuò)展是gridDom.grid有重要的屬性bDiv,cDiv,hDiv,fbDiv,fhDiv,uDiv和也colsfooters,topDivheaders。我建議你使用gridDom.grid.headers數(shù)組作為<th>從網(wǎng)格列標(biāo)題(從正確的<tr>行)接收元素列表的最佳方式。


查看完整回答
反對(duì) 回復(fù) 2019-08-19
?
紅顏莎娜

TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超13個(gè)贊

嘗試:

jQuery("thead", "#mygrid")


查看完整回答
反對(duì) 回復(fù) 2019-08-19
  • 3 回答
  • 0 關(guān)注
  • 1022 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)