0

ステートメント列データがリンクを返す iggrid にバインドされたデータソースがあります

a href=E:\FILES\STATEMENTS\DAILYSTATEMENTS\20150127\R-956-10103.pdf

コードは次のとおりです

$(function () {
       var data = <%= GetAccountInformationJSON() %>;


        if ( data != '' )
        {
            $("#gridAccountInformation").igGrid({
                height: ((content_height - HeaderHeight) / 2) +"px",
                width: "100%",
                columns: [
                    {headerText: "Account", key:"Account", dataType: "string"},
                    {headerText: "Office", key:"Office", dataType: "string"},
                    {headerText: "Balance", key:"Balance", dataType: "number", format: "0#,###"},
                    {headerText: "Init Mrg", key:"InitMarginReq", dataType: "number", format: "0#,###"},
                    {headerText: "OTE", key:"OpenTrdEqty", dataType: "number", format: "0#,###"},
                    {headerText: "Total Eqty", key:"TotalEqty", dataType: "number", format: "0#,###"},
                    {headerText: "Liq. Val", key:"LiquidatingVal", dataType: "number", format: "0#,###"},
                    {headerText: "Ex/Def", key:"ExcessDeficit", dataType: "number", format: "0#,###"},
                    {headerText: "Statement", key:"Statement", dataType: "string"}
                ]
                ,

                features:[
                     {
                         name: "Resizing",


                     }

                ],
                dataRendered: function (evt, ui) {

                    ui.owner.element.find("tr th:nth-child(1)").css("text-align", "center");
                    ui.owner.element.find("tr th:nth-child(2)").css("text-align", "center");
                    ui.owner.element.find("tr th:nth-child(3)").css("text-align", "center");
                    ui.owner.element.find("tr th:nth-child(4)").css("text-align", "center");
                    ui.owner.element.find("tr th:nth-child(5)").css("text-align", "center");
                    ui.owner.element.find("tr th:nth-child(6)").css("text-align", "center");
                    ui.owner.element.find("tr th:nth-child(7)").css("text-align", "center");  
                    ui.owner.element.find("tr th:nth-child(8)").css("text-align", "center");   
                    ui.owner.element.find("tr th:nth-child(9)").css("text-align", "center");
                }
                ,
                dataSource: data //JSON Array defined above   

            });

            $("#gridAccountInformation").igGrid("option", "datasource", data);
        }

    });

上記の iggrid では、Stmt がリンクとして表示されます。それをクリックすると、データソースにあるファイルをダウンロードする必要があります。

例 : a href=E:\FILES\STATEMENTS\DAILYSTATEMENTS\20150127\R-956-10103.pdf

上記をクリックすると、ファイル R-956-10103.pdf がダウンロードされます。

どんな助けでも感謝されます

4

2 に答える 2

0

これを見てください：

//Delegate
$(document).delegate(".selector", "iggridcellclick", function (evt, ui) {
    //return cell html element in the DOM
    ui.cellElement;
    //return row index
    ui.rowIndex;
    //return row key
    ui.rowKey;
    //return col index
    ui.colIndex;
    //return col key
    ui.colKey;
    //return reference to igGrid
    ui.owner;
});
 
//Initialize
$(".selector").igGrid({
    cellClick: function(evt, ui) {...}
});

から: http://help.infragistics.com/jQuery/2014.2/ [イベント] タブに移動します。

于 2015-02-03T09:54:02.327 に答える
0

ファイルは Web からアクセスできるはずなので、実際にはE://etc...のような物理的な場所ではなく、 http://file.location/filename.pdf. その場所にアクセスできる場合、データ ソースは文字列を運ぶのhref=http://file.location/filename.pdfか、それとも場所だけを運ぶのか? 2枚目だと思います。したがって、列テンプレートを使用してアンカーをレンダリングできます。

{
    headerText: "Statement", 
    key:"Statement", 
    dataType: "string",
    template: "<a href='${Statement}'>Download</a>"
}

私は何か他のことに気づきます。dataRenderedCSS を igGrid ヘッダーに適用するために使用する必要はありません。そのためにCSSを使用できます：

<style>
    ui-iggrid tr th {
        text-align: center;
    }
</style>
于 2015-02-03T14:57:28.680 に答える