0

我正在尝试在 jquery 中编写自定义网格，因此查看了 jquery 插件开发。在其中，我为网格分配了标题并希望分配行，但在为行分配值时需要帮助。

var headers=new Array();
headers=["Name","Host Name","Description","Type","Last Update Time"];

我想创建一个像下面这样的地图数组，它们将在我的网格中分配为行，但在理解如何分配时需要帮助。类似于headers这些行可以是通用的。

var myrows = [
                {cfgid:0, name:"Lukas Arts",host:"baxton", description:"test",type:"Dev",updateDate:"Thu Apr 26 04:31:10 IST 2012"},
                {cfgid:1, name:"Adiga",host:"beetle", description:"test",type:"Dev",updateDate:"Fri Apr 27 07:21:43 IST 2012"},
                {cfgid:2, name:"Max Miller",host:"barry", description:"test",type:"Dev",updateDate:"Mon Apr 16 04:11:40 IST 2012"}
                ];

这是代码

jQuery.fn.abcGrid = function (tableid, heading, data, options) {
    abcoptions = jQuery.extend ({
    tableCss: "tableForms",
    tableHeaderCss: "tableHeading",
    label: "Informatica CSM",
    header: heading,
    rows: data
    }, options);

    var ele_table='';
    var ele_table_start='<table id="'+abcoptions.tableid+'" class="'+abcoptions.tableCss+'"><tbody>';
    var ele_table_end='</tbody></table>';
    var ele_table_header='';
    var ele_table_row='';

    var tempHeader='';
    var tempRow='';

    /*Table header creation*/
    for(var i=0;i<abcoptions.header.length;i++)
        tempHeader+='<td class="'+abcoptions.tableHeaderCss+'">'+abcoptions.header[i]+'</th>';
    ele_table_header='<tr>'+tempHeader+'</tr>';

    ele_table=ele_table_start+ele_table_header+ele_table_end;
    $(this).html(ele_table);
    //it creates only headers properly
};

我将此代码称为

$('#updateDiv').abcGrid("tabel1", headers, myrows);
4

1 回答 1

0

要获取地图中某个项目的值，您可以执行以下操作：

abcoptions.rows[i].cfgid

这rows[i]是你的地图——你可以把钥匙放在点之后，或者rows[i]['cfgid']

-- 编辑：重命名header为rows.

于 2012-06-05T09:59:01.440 回答