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 に答える