Jquery Jqgrid отображать изображение в сетке? - PullRequest
0 голосов
/ 24 августа 2011

Это мой код:

<?php
require_once '../../../jq-config.php';
// include the jqGrid Class
require_once ABSPATH."php/jqGrid.php";
// include the driver class
require_once ABSPATH."php/jqGridPdo.php";
// Connection to the server
$conn = new PDO(DB_DSN,DB_USER,DB_PASSWORD);
/    / Tell the db that we use utf-8
$conn->query("SET NAMES utf8");

// Create the jqGrid instance
$grid = new jqGridRender($conn);
// Write the SQL Query
$grid->SelectCommand = 'SELECT p.product_id, p.product_title, p.product_image1_t2, pc.product_cat_name, b.brand_name FROM ' . DB_PRODUCTS .'  p INNER JOIN ' . DB_PRODUCT_CATS . ' pc ON p.product_cat_id=pc.product_cat_id LEFT JOIN ' . DB_BRANDS . ' b ON b.brand_id=pc.product_cat_brand_id';
// set the ouput format to json
$grid->dataType = 'json';
// Let the grid create the model from SQL query
$grid->setColModel();
// Set the url from where we obtain the data
$grid->setUrl('grid.php');
// Set alternate background using altRows property
$grid->setGridOptions(array(
    "rowNum"=>10,
    "sortname"=>"product_id",
    "rowList"=>array(10,20,50),
    "height"=>'auto',
    "grouping"=>true,
    "groupingView"=>array(
        "groupField" => array('brand_name'),
        "groupColumnShow" => array(true),
        "groupText" =>array('<b>{0}</b>'),
        "groupDataSorted" => true

    ) 
    ));
// Change some property of the field(s)
$grid->setColProperty("product_id", array("label"=>"NO", "width"=>60));
$grid->setColProperty("brand_name", array("label"=>"BRAND"));
$grid->setColProperty("product_title", array("label"=>"PRODUCT NAME"));
$grid->setColProperty("product_cat_name", array("label"=>"CATEGORY"));
$grid->setColProperty("product_image1_t2", array("label"=>"PRODUCT PHOTO"));
// Enjoy
$grid->renderGrid('#grid','#pager',true, null, null, true,true);
$conn = null;
?>

Итак, я получаю все свои данные успешно, но, когда я вызываю этот файл, я вижу в сетке "product_image1_t2" (PRODUCT PHOTO) только имя моего файла, например:"image_file.jpg".Я хочу показать изображение, похожее на то, что показывает

<img src="myfile.jpg" alt="my_file.jpg" />

Уже проверил руководство, но не понимаю, так что я новичок в jquery ...

Можете ли вы помочь мне вэтот пример как это сделать?Здесь вы можете увидеть текущий результат:

http://oi55.tinypic.com/11qolsz.jpg

1 Ответ

0 голосов
/ 24 августа 2011

Проверьте на форуме JQGrid , есть несколько потоков, обсуждающих, как интегрировать изображения в сетку, например этот или здесь, на SO, столбец изображения в jqGrid?

...