关于“缩略图展示”的代码

1、先进性判断  如果categoryId=="111"是点击素材分类的时候展示没有父节点的图

2、这个是没有点击素材分类的时候页面进入直接加载展示根目录素材

3、给id赋值

4、拿id查找数据

5.拿取到数据之后在前端edit.jsp页面中使用这种框架进行数据的渲染

6、这里引出在html页面上进行展示

7、这就是html页面的展示了

var datas = data;
var columnNum = template.parent.columnNum;

var width = 100/columnNum+'%';
var imgUrl = '/cnnchn/prom/cnnchn_prom_material/cnnchnPromMaterial.do?method=findImg&fdid=';
{$<table class="lui_listview_landrayblue_table">$}
    for (var i = 0; i < datas.length; i ++) {
    var grid = datas[i];
    console.log(data);
    if (i % columnNum === 0){
    {$<tr>$}
        }
        {$<td width="{%width%}">
            <div class="lui_listview_landrayblue_content">
                <div class="lui_listview_landrayblue_content_container">
                    <a class="lui_listview_landrayblue_content_image" href="/cnnchn/prom/cnnchn_prom_material/cnnchnPromMaterial.do?method=view&fdId={%grid.fdId.text%}" target="_blank">
                        <img src="{%env.fn.formatUrl(imgUrl+grid.fdId.text)%}" alt="{%grid.docSubject.text%}">
                    </a>

                </div>
            </div>
            <div class="lui_listview_landrayblue_content_info" style="text-align: center">
                <input type="checkbox" data-lui-mark="table.content.checkbox" value="{%grid.fdId.text%}" name="{%template['checkBoxName'] ? template['checkBoxName'] : 'List_Selected'%}"/>
                <a href="/cnnchn/prom/cnnchn_prom_material/cnnchnPromMaterial.do?method=view&fdId={%grid.fdId.text%}" class="lui_listview_landrayblue_content_docSubject com_subject" title="{%grid['docSubject'].text%}" style="font-size: 20px" data-lui-mark-id="{%grid.fdId.text%}">{%grid['docSubject'].text%}</a>
            </div>
        </td>$}
        if (i % columnNum === columnNum-1){
        {$</tr>$}
    }
    }
    var _num = datas.length % columnNum;
    if(_num>0){
    for(var j = 0;j<columnNum-_num;j++){
    {$
    <td width="{%width%}"></td>
    $}
    }
    {$ </tr> $}
    }

    {$</table>$}

这样就可以以缩略图的方式进行展示了~~~~~~~~~~~~~~~~~~~~