- A+
所属分类:Bootstrap Table
Html
- <table id="Table"></table>
JavaScript
- $('#Table').bootstrapTable({
- detailView: true,//父子表
- url: 'JsonCominfo',//服务器数据的加载地址
- columns: [],
- //注册加载子表的事件。注意下这里的三个参数!
- onExpandRow: function (index, row, $detail) {
- group(index, row, $detail)
- }
- });
Group()方法
- function group(index, row, $detail)
- {
- var parentid = row.REG_DOC_SN;
- var group_com = $detail.html('<table></table>').find('table');
- $(group_com).bootstrapTable({
- queryParams: { strParentID: parentid },
- detailView: true,
- columns: [{
- field: 'name',
- }],
- data: [{
- name:'社保'
- }, {
- name:'福利'
- }],
- onExpandRow: function (index, row, $detail)
- {
- if (row.name == "社保") {
- InitSubTable(index, row, $detail, parentid);
- } else {
- BizContr(index, row, $detail, parentid);
- }
- }
- });
- }
InitSubTable()方法
- function InitSubTable(index, row, $detail) {
- var parentid = row.MENU_ID;
- var cur_table = $detail.html('<table></table>').find('table');
- $(cur_table).bootstrapTable({
- url: 'JsonAgm?REG_DOC_SN=' + row.REG_DOC_SN,
- method: 'get',
- queryParams: { strParentID: parentid },
- ajaxOptions: { strParentID: parentid },
- clickToSelect: true,
- //detailView: true,//父子表
- uniqueId: "AGM_ID",
- pageSize: 10,
- pageList: [10, 25],
- columns: [],
- //无线循环取子表,直到子表里面没有记录
- //onExpandRow: function (index, row, $Subdetail) {
- // InitSubTable(index, row, $Subdetail);
- //}
- });
- };