1.<youi:grid></youi:grid>标签

属性：

src:【一般为分页的查询方法】

id:grid_【列表展示内容】

showConvertDropdown：（没发现用处）

idKeys:（没发现用处）

styleClass:grid-query-inline(当查询条件只占一行时)

2.列表查询块

通常使用<youi:fieldLayout></youi:fieldLayout>标签包围

属性：

columns：【列数】

styleClass:col-sm-10 no-border

子标签：<youi:fieldText/>

属性：

property:【列字段】

caption:【查询条件框前的label描述文本】

operator:【查询操作符，比如LIKE】

3.展示列：<youi:gridCol/>

属性：

property:【列字段】

caption:【列表第一行头描述文本】

width：【列宽】

align :【对齐方式】

4.操作的两种表示方式：

（实际最终两种方式在页面解析出来的都是<a>标签）

（1）使用函数render写入<a>标签

<youi:gridCol property="button" caption="操作" width="20%" renderer="renderButton"/>

<%--操作按钮写入--%>

<youi:func name="renderButton">   

      var htmls = [];   

      htmls.push('<a class="youi-icon edit icon-edit" data-command="gridCommand" data-name="edit">编辑a>');  

      htmls.push('<a class="youi-icon split icon-split" data-command="gridCommand">a> ');   

     htmls.push('<a class="youi-icon delete icon-delete" data-command="gridCommand" data-name="delete">删除a> ');  

      htmls.push('<a class="youi-icon split icon-split" data-command="gridCommand">a> ');    

     htmls.push('<a class="youi-icon index icon-index" data-command="gridCommand" data-name="relate_index">关联指标a> ')    

    return htmls.join('');

<youi:func>

（2）gridCol中的type属性为button

<youi:gridCol width="20%" align="center" type="button" property="button" caption="操作">   

    <youi:button name="edit" caption="编辑"/>   

    <youi:button name="split" caption=""/>   

    <youi:button name="editItems" caption="数据项" icon="proxy-list"/>   

    <youi:button name="split" caption=""/>   

    <youi:button name="removeRecord" icon="delete-ml" caption="删除"/>

<youi:gridCol>

两种方式的规则一样，当操作的按钮数量超过三个，需要在列上查询下的靠右方添加操作说明，在行内的操作处只显示图标。

比如：

<p class="pull-right grid-operate-explanation">

    <span>操作说明:</span>

    <span class="icon-eye-open"> 查看</span>

    <span class="icon-delete-ml">删除</span>

    <span class="icon-send-files">发送列表</span>

</p>

button的操作:<youi:func></youi:func>

属性：

name:【<youi:grid>的id】_【<youi:button>的name或者的data-name】

5.【应用场景】编辑列表数据保存后刷新列表回调方法

<youi:func name="subpage_【被关闭的页面<youi:subpage>的subpageId】_change" params="record">

    $elem('【<youi:grid>的id】',pageId).grid('refresh');

</youi:func>