2

データベースからデータを取得していますが、そのうちの 1 つはこの '~\images\food.png' のような画像ファイル パスですが、パスではなく画像を表示できるように img タグに入れたいのです。助けてください、よろしくお願いします。

        $(document).ready(function () {
     load();
 });
 function load() {
     $.ajax({
         type: "POST",
         url: "ParentCategoryManagment.aspx/PopulateCategories",
         contentType: "application/json; charset=utf-8",
         data: "{}",
         dataType: "json",
         success: AjaxSucceeded,
         error: AjaxFailed
     });
 }
 function AjaxSucceeded(respone) {

     var json = jQuery.parseJSON(respone.d);

     if (typeof oTable == 'undefined') {
         oTable = $('#tblData').dataTable({
             'aaData': json,
             'aoColumns':
                [
                    { "mDataProp": "Id" },
                    { "mDataProp": "Name" },
                    { "mDataProp": "ImagePath" },
                    { "mDataProp": null, "sDefaultContent": '<a class="edit" href="">Edit</a>' },
                    { "mDataProp": null, "sDefaultContent": '<a class="delete" href="">Delete</a>' }
                ]
         });
     }
     else {

         oTable.fnClearTable(0);
         oTable.fnAddData(json);
         oTable.fnDraw();

     }
 }
 function AjaxFailed(result) {
     alert('Ajax Failed');
 }
4

1 に答える 1

2

JSFIDDLE DEMO を参照してください: http://jsfiddle.net/HPdVH/5/

各画像パスを通過し、それらを画像に変換する必要があります。あなたの場合、それは常に3番目のテーブル列であるように見えるので、テーブルがajax経由でロードされた後にこれを行うことができます:

 $("tr").each(function(){
         $(this).children("td")
                .eq(2)
                .html("<img src='" + $(this).html() + "'/>");
 })
于 2013-01-09T18:34:01.563 に答える